js中的canvas

JavaScript016

js中的canvas,第1张

<canvas>是HTML 5 新增的元素，可用于通过使用JavaScript中的脚本来绘制图形

<canvas>元素只是创造了一个固定大小的画布，要想在它上面绘制内容，我们需要找到它的渲染上下文

<canvas>元素有一个getContex（）方法，这个方法是用来获取渲染上下文和它的绘画功能

canvas.width获取的是写在标签属性中的宽度值，eg :<canvas width="800" height="600"></canvas>

这时我们获取的canvas的宽度值是800px但是如果canvas标签没有设置宽高属性，而是写在css样式表，或者style标签中，canvas.width获取的是canvas的默认宽（canvas默认宽是300px,默认高是150px）