老师看下哈
来源：4-5 编程练习
菜鸟00001
2019-04-13 11:42:13
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.myCanvas{background-color:blue;}
</style>
</head>
<body>
<canvas id="myCanvas" class="myCanvas">
您当前浏览器不支持canvas,请升级您的浏览器
</canvas>
<script type="text/javascript">
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
//规定画板的宽和高
ctx.canvas.width = 600;
ctx.canvas.height = 1000;
ctx.beginPath();
//绘制的图形是宽200，高300，原点在(100,100)的花色矩形
ctx.translate(200,300);
ctx.rotate(Math.PI/3);
ctx.scale(0.5,0.5);
ctx.fillStyle = "yellow";
ctx.fillRect(100,100,200,300);
</script>
</body>
</html>
老师为什么旋转角度 写数值会不准确呢
2回答
-
同学，你好，实现的没有问题。
不过你的疑问，说旋转角度写数值的问题，你说的是.rotate( )中的参数吗？这个参数不能直接写度数，是写弧度的，加入你想设置20度的角度，那么就需要这么写：20*Math.PI/180。
如果帮助到了你， 欢迎采纳！
祝学习愉快！
0
相似问题