[javascript]canvasで円や角丸の矩形を描画する円や角丸の矩形の描画canvasで円や、角丸の矩形を描く。 関数が用意されていないので自作します。 ソースコードfunction draw(){ var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); var pi = Math.PI; // 塗りつぶし円を描く var fillCircle = function (x, y, r) { ctx.beginPath(); ctx.arc(x, y, r, 0, pi * 2.0, true); ctx.fill(); }; // 塗りつぶし角丸の矩形を描く var fillRoundRect = function (l, t, w, h, r) { ctx.beginPath(); ctx.arc(l + r, t + r, r,
![[javascript]canvasで円や角丸の矩形を描画する](https://cdn-ak-scissors.b.st-hatena.com/image/square/a646f2ca1b251fec1752f1431ff4ff96d04ae336/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEiCyX7l7jTuTInqzMwuYDXRCyoumKk8PgTwEmkeOFpldBtd1ow4v7QSUUeK1yWtTNkl2KIOsftNkj-8nlyrXjtBDORHYrqd-nshtUYIoM9aKP7U3etZg3HgojjFr1tYmAcGN7Uz5vPeVQU%2Fw1200-h630-p-k-no-nu%2Fcircle_and_roundrect.png)
