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();