不二如是 发表于 2017-4-7 17:50:23

番外 #Canvas# - 0000 - 砖心降伏Canvas

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



有言在先:

之前的写的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-庖丁解牛,自行订阅哈(强烈建议订阅!{:10_278:} )



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

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

因为最简单的这段代码:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>鱼C-Canvas详解</title>
</head>
<body>
        <h1>最简单的canvas</h1>
                <canvas id="mycanvas" height="66px" width="111px"></canvas>
</body>
</html>


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

效果图:


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

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






这位鱼油,如果喜欢本系列HTML帖子,请订阅 专辑☞(传送门)(不喜欢更要订阅{:10_278:} )
页: [1]
查看完整版本: 番外 #Canvas# - 0000 - 砖心降伏Canvas