# canvas 基础知识

代码地址

# canvas 元素

• 默认背景颜色继承父级元素
• 获取绘图环境 canvas.getContext('2d') -- 2d -> 'd' 是小写
• canvas 宽高度 是非负整数, 没有 'px'
• canvas元素默认大小 300*150 像素

# canvas 元素的大小 和 绘图表面的大小

• 设置元素的 width 和 height 属性时， 同时修改了元素本身的大小和元素绘图表面的大小
• 通过css来设定canvas元素的大小，只会改变元素本身的大小，不会影响到绘图表面的大小
• 当canvas元素的大小不符合其绘图表面的大小时，浏览器会对绘图表面进行缩放（相应的内容也会缩放）
• 绘图表面的大小变化时内容也会消失