在线画图 HTML5的canvas绘图和CSS3的绘图哪个更有优越性？
HTML5的canvas绘图和CSS3的绘图哪个更有优越性？
简单解释：
CSS更像是切割多个“矩形”（DIV），然后将它们拼接成一个图案，然后给图案上色。
画布从一个点开始，延伸无数个点以得到一条线。在延长线之后，它得到一个面（三角形、圆、矩形等），然后绘制线或面的颜色。
目前，CSS更像是儿童手册类，canvas更像是用笔画画，但画图更像是可以控制大小的矢量图。
面对曲线和更复杂的图形，canvas比CSS更有效。另外，画布确定坐标位置时，更接近我们常用的数学思维方法。
我们只能肤浅地谈。
canvas相对于div css3有什么优势？一般的绘图也可以用div css3来实现，求解？
总图当然是div CSS3，这更简单。
画布画图主要是做一些繁琐的画图，可能有上千个动作，但电脑不会卡壳。
canvas在玩游戏或制作彩色动画方面有优势，但是canvas本身的交互可能没有div CSS3那么简单。
所以网页的交互效果仍然使用CSS3，canvas只是做一些背景动画和小游戏。
html5与css3如何建立联系？
将整个过程与组装机器人的过程进行比较
html是机器人的脚手架、骨架和关节
CSS是机器人外部涂装的颜色、主题（荧光白、钻石红）等
HTML5是一种新材料制成的脚手架，更耐用、更简洁、更清晰，并提供了一些新的功能强大的行为，可以同时调用例如，获取机器人坐标自动缓存数据绘制功能等
CSS3是一个改进版，画质更轻，渲染速度更快，色彩更绚丽
HTML5主要有以下书籍推荐。
《HTML5权威指南》这本书是为初学者和中级Web开发人员准备的，是扎实掌握HTML5、CSS3和JavaScript的必读书籍。这本书看起来很厚，因为它有很多代码。
“HTML5画布核心技术”如果你想做HTML5游戏，这本书一定要读。
对于SVG、canvas和webgl，矢量图形、位图和3D图形对应的三种渲染方式，给前端开发带来了沉重的武器，很多HTML5游戏也蓬勃发展。
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
