<canvas id="mycanvas"></canvas> <script> var canvas = document.getElementById('mycanvas'); var c = canvas.getContext('2d'); // パス c.beginPath(); c.arc(70, 60, 50, 0, 2 * Math.PI, false); c.stroke(); // clip c.clip(); // Image オブジェクトを生成 var img = new Image(); img.src = 'img/ffx2s.jpg'; // 画像読み込み終了してから描画 img.onload = function(){ c.drawImage(img, 0, 0); } </script> |
c.arc(70, 60, 50, 0, 2 * Math.PI, false); c.clip(); |