###前提・実現したいこと
htmlでcanvasを使用して時計の文字盤の位置に線を表示させるコードを書いています。
###発生している問題・エラーメッセージ
使用しているテキストどおりのコードを書いたのですが、6時の位置にだけ線が表示されません。
###該当のソースコード
<!DOCTYPE html> <html> <head> <script> var ctx; function init(){ var canvas = document.getElementById("canvas"); ctx = canvas.getContext("2d"); for (var i = 0; i < 12; i++){ ctx.save(); var r = Math.PI / 6 * i; ctx.translate(100, 100); ctx.rotate(r); ctx.beginPath(); ctx.moveTo(0, -60); ctx.lineTo(0, -50); ctx.stroke(); ctx.restore(); } } </script> </head> <body onload="init()"> <canvas id="canvas" width="600" heigth="400"></canvas> </body> </html>
###試したこと
i = 7になったときの描画がされないようです。
###補足情報(言語/FW/ツール等のバージョンなど)
特になし
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/09/04 13:22