学习canvas中遇到的问题(持续更新)
Q:在画布中画的图形异常。
A:可能原因1:在CSS中设置画布的长度跟宽度,一张画布相当于一张图片,长度和宽度有其固定的比例(画布默认的比例为300*150),若用CSS自定义了画布的宽和高,相当于改变了画布原本的比例,故其中的图形也随之改变。定义画布长度和宽度时最好直接在canvas标签中定义,或者在js中设置。
<canvas id="canvas" ></canvas> <script type="text/javascript"> var canvas = document.getElementById("canvas"); canvas.width = 200; canvas.height = 200; </script>