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')
参考资料:
SVG 与 HTML5 的 canvas 各有什么优点,哪个更有前途?