学习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>

 

posted @ 2016-07-16 11:02  浅书流年  阅读(207)  评论(0编辑  收藏  举报