1

是否可以使用 arc() 和 rect() 函数使用 javascript 在 div 内绘制形状？您能否举一个 div 内的圆（用“arc()”绘制）的简单示例？

编辑：我完全理解 rect 和 arc 函数，但我有点被 javascripts 上下文绊倒了。

我创建了一个名为 appLights 的 div 并将其定位到正确的位置。现在我试图在 div 的顶部中心画一个简单的圆圈，但遇到了麻烦。

appLights = document.createElement("div");
appLights.style.position = "relative";
appLights.style.width = "30px";
appLights.style.height = "180px";
appLights.style.left = "105px";
appLights.style.top = "-175px";

var ctx = appLights.getContext('2d');
ctx.beginPath();
ctx.fillStyle = "rgb(123,123,123)";
ctx.arc(15,15,10,0, Math.PI * 2,true);
ctx.fill();
4

1 回答 1

2

appLights 必须是一个<canvas>元素。你不能在一个<div>

代码中的第一行应如下所示：

appLights = document.createElement("canvas");

另一个问题是您没有将这个新元素放在页面上的任何位置，因此任何绘图都不会显示，除非您将它附加到<body>

于 2013-07-24T20:37:54.817 回答