鱼C论坛

 找回密码
 立即注册
查看: 1348|回复: 0

[系列教程] 番外 #Canvas# - 0000 - 砖心降伏Canvas

[复制链接]
最佳答案
466 
发表于 2017-4-7 17:50:23 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
本帖最后由 不二如是 于 2017-4-27 10:41 编辑

7ab237a859d33f530767034e3498d234.png


有言在先:

之前的写的Cavas帖子,还不够细致深入,决定好好写一个!


说的俗气一些,之前算入门,现在算精通


吃瓜群众可点击下方传送门:

0 0 6 5 - Canvas粒子动画 - 只挖待填

0 0 7 5 - 手把手带你玩儿Canvas

0 0 7 6 - Canvas多边形‘实操’

0 0 7 7 - 超高B格的Canvas标语

0 0 7 8 - 用Canvas来玩弄像素

PS:隔壁现在同步更新JavaScript-庖丁解牛,自行订阅哈(强烈建议订阅!




说白了,在页面上放置的canvas元素,相当于放一块画布


这次用DW演示下最纯粹的效果,关于编译器的问题,请看:0 0 4 8 - 鸟枪换大炮 | 【新番重要通知】

因为最简单的这段代码:
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>鱼C-Canvas详解</title>
  6. </head>
  7. <body>
  8.         <h1>最简单的canvas</h1>
  9.                 <canvas id="mycanvas" height="66px" width="111px"></canvas>
  10. </body>
  11. </html>
复制代码


放在浏览器啥也没有,在Dw的设计视图模式中,是可以看到效果滴!

效果图:
4月-07-2017 17-42-23.gif


图里的那个111*66px的小框框就是canvas!


就酱紫,够不够简单阿,你说四不四~







这位鱼油,如果喜欢本系列HTML帖子,请订阅 专辑&#9758;传送门)(不喜欢更要订阅

评分

参与人数 2荣誉 +10 鱼币 +5 贡献 +3 收起 理由
睦ちゃん她爹 + 5 + 5 + 3 感谢楼主无私奉献!
alltolove + 5 支持楼主!

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

小甲鱼强烈推荐上一条 /1 下一条

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1

GMT+8, 2020-2-27 14:11

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表