老师我把这题的代码敲出来了为何没有线条显示呀?

来源:4-4 选择题

hyperse

2019-09-09 19:57:57

代码如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			canvas{
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<canvas id="canvas">您的浏览器不支持</canvas>
		
		<script>
			var canvas = document.getElementById("canvas");
			var c = canvas.getContext("2d");
			c.translate(50,50);
			c.rotate(Math.PI/6);
			c.moveTo(100,100);
			c.lineTo(200,200);
			c.stroke();
		</script>
	</body>
</html>


写回答

1回答

好帮手慕糖

2019-09-10

同学你好,因为超出canvas画布这个区域了,所以没有显示,可以设置稍微大一点的宽高哦,例:

http://img.mukewang.com/climg/5d7706dc0995e53104480117.jpg

http://img.mukewang.com/climg/5d7706d400010aa808520836.jpg

希望能帮助到你,祝学习愉快!

0

0 学习 · 6815 问题

查看课程