<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>3-2 画一个五角星</title>
</head>
<body>
<canvas id="canvas" style="border: 1px solid #aaa; display: block;margin: 50px auto;">当前浏览器不支持Canvas,请更换浏览器再试</canvas>
<script>
window.onload = function(){
var canvas = document.getElementById("canvas");
canvas.width = 800;
canvas.height = 800;
var context = canvas.getContext("2d"); //context绘制
context.lineWidth = 10;
drawStar(context, 150, 300, 400, 400);
}
function drawStar(cxt, r, R, x, y){
cxt.beginPath();
for (var i = 0; i < 5; i ++){
cxt.lineTo( Math.cos( (18 + i * 72) / 180 * Math.PI ) * R + x,
-Math.sin( 18 + i * 72) / 180 * Math.PI ) * R + y);
cxt.lineTo( Math.cos( (54 + i * 72) / 180 * Math.PI ) * r + x,
-Math.sin(54 + i * 72) / 180 * Math.PI ) * r + y);
}
cxt.closePath();
cxt.stroke();
}
</script>
</body>
</html>
JavaScript canvas Math 报错 帮忙看看 感谢!
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
- danielinbiti 2017-12-11 02:05关注
少括号了吧 -Math.sin( 18 + i * 72) / 180 * Math.PI ) * R + y) -Math.sin(54 + i * 72) / 180 * Math.PI ) * r + y); 改成,加一个( -Math.sin(( 18 + i * 72) / 180 * Math.PI ) * R + y) -Math.sin((54 + i * 72) / 180 * Math.PI ) * r + y);
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 torch框架下的强化学习DQN训练奖励值浮动过低,希望指导如何调整
- ¥35 西门子博图v16安装密钥提示CryptAcquireContext MS_DEF_PROV Error of containger opening
- ¥15 mes系统扫码追溯功能
- ¥40 selenium访问信用中国
- ¥20 在搭建fabric网络过程中遇到“无法使用新的生命周期”的报错
- ¥15 Python中关于代码运行报错的问题
- ¥500 python 的API,有酬谢
- ¥15 软件冲突问题,软件残留问题
- ¥30 有没有人会写hLDA,有偿求写,我有一个文档,想通过hLDA得出这个文档的层次主题,有偿有偿!
- ¥50 有没有人会写hLDA,有偿求写,我有一个文档,想通过hLDA得出这个文档的层次主题,有偿有偿!