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

もう 1 つの問題は、この新しい要素をページのどこにも配置していないことです。<body>

于 2013-07-24T20:37:54.817 に答える