我正在尝试为学校项目构建动画表情符号。首先，画布给我的问题甚至是从带有黑色轮廓的黄色圆圈开始。我什至还没有从脸部或任何动画开始。我已经在互联网以及本网站上搜索了有关用弧线构造圆的建议，但尚未成功。这是我到目前为止的内容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src=http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js ></script>
</head>
<body>
<canvas width="1200" height="900" id="myCanvas">
Your browser does not support canvas.
</canvas>
<script>
var myCanvas = document.getElementById("myCanvas");
var ctx = myCanvas.getContext("2d");
ctx.beginpath();
ctx.strokeStyle = "000000";
ctx.fillstyle = "FFFF00";
ctx.lineWidth = 5;
ctx.arc(600, 450, 300, 0, Math.Pi * 2, true);
ctx.closePath();
ctx.fill();
</script>
</body>
</html>
我已采用此代码并添加和减去了几行。我更改了顺序，甚至将代码放在程序的不同部分，尤其是画布脚本放在了头。没事。我究竟做错了什么？有没有人对此有建议，表情符号或动画？
最佳答案
要增加NOBrien的答案，您还需要设置fillStyle，而不是fillstyle。
这对我来说也是一种学习经历，因此我投入了很多东西：
https://jsfiddle.net/gregborbonus/o67bdr0m/
关于javascript - 在学校项目的HTML5 Canvas 中构造图释，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36393625/