fill()メソッド

CanvasRenderingContext2D fill()メソッド

概要

 状態:-  閲覧数:533  投稿日:2016-01-24  更新日:2016-08-24  
現在の塗り潰しスタイルで、現在または指定されたパスを塗り潰す
void ctx.fill();
void ctx.fill(fillRule);
void ctx.fill(path, fillRule);

CanvasRenderingContext2D.fill()

デモコード

 閲覧数:290 投稿日:2016-01-29 更新日:2016-01-29 

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>



コメント投稿(ログインが必要)