概要
状態:-
閲覧数:731
投稿日:2016-01-24
更新日:2016-08-24
現在の塗り潰しスタイルで、現在または指定されたパスを塗り潰す
CanvasRenderingContext2D.fill()
void ctx.fill();
void ctx.fill(fillRule);
void ctx.fill(path, fillRule);
CanvasRenderingContext2D.fill()
デモコード
1.パスに円弧を追加するarc()メソッドでの適用例
x座標値,Y座標値
・canvas中心
円弧の半径
・canvas÷2
コード
<canvas id="canv" width="500px" height="500px"></canvas>
<script>
var ctx1 = document.getElementById("canv").getContext('2d');
ctx1.fillStyle = "#0000CD";
ctx1.beginPath();
ctx1.arc(250, 250, 250, 15 * Math.PI / 180 , 270 * Math.PI / 180 , false);
ctx1.fill();
</script>