canvas(画布)

 

canvas的概念

 

canvas是Html5新增的标签，是个图形容器。允许JavaScript在其区域内进行绘制。其它大小由width和height决定。

 

 

canvas的创建

<canvas id="canvas" width=800; height=600></canvas>;

canvas标签只有width和height两个属性，在没有设置它们的情况下，canvas默认大小为300X150。同时，如果用css来设置canvas的大小会出问题，推荐直接在canvas标签里设置大小或者通过JavaScript来设置大小。

 

canvas能做什么？

• 动画
• 图形
• 游戏
• 字体

 

 

如何绘制：

1.获取对象。

2.目前只支持二维绘图。  .getContext('2d') 

 

 

 

 

 

 

---

 

参考资料：

廖雪峰canvas

W3C的参考手册

张鑫旭贝塞尔曲线

SVG 与 HTML5 的 canvas 各有什么优点，哪个更有前途？