canvas 嵌套_canvas初探

canvas怎样设置宽高？有几种方式？

canvas 画布默认宽300px 高150 px

HTML宽高

<canvas id="canvas"width="400"height="400">

js设置宽高

 let canvas = document.getElementById('canvas')
 let context = canvas.getContext('2d')
 let cx = canvas.width = 400
 let cy = canvas.height = 400

不要在css中设置宽高

css中样式的宽高并不是改变canvas画布的宽高，而是在它原始基础的大小上等比例缩放了，canvas 画布默认宽300高150 ,假如在设置中写width:600,高height:300,就相当于画布宽高都增加了一倍，相应的里面的元素大小也会成倍增加。所以样式中设置canvas宽高会等比例缩放，而内联设置的宽高是画布的实际大小

canvas在低浏览器中的兼容怎么处理？