最近用canvas测试某些接口。
发现canvas的宽度设置100%无效,设置300px,但是如果绘制坐标为150仍会绘制到外边
最后总结如下:
①canvas的宽度和高度默认为300X150,
②当宽度和高度设置100%这样的百分比时,canvas会去掉%来处理
③如同 1000px,这样canvas会将图像拉伸,绘图位置仍为300X150
如果要设置尽量大
var canvas = document.getElementById("canvas"); canvas.width = document.body.scrollWidth; canvas.height = document.body.scrollHeight;