未使用裁剪繪制一個圓

*{margin:0;padding:0;}

html,body{width:100%;height:100%;overflow:hidden;background-color:#AFAFAF;}

varcanvas=document.getElementById('canvas'),

context=canvas.getContext('2d');

canvas.width=document.body.clientWidth;

canvas.height=document.body.clientHeight;

context.lineWidth=3;

context.strokeStyle='red';

context.beginPath();

context.arc(200,200,100,(Math.PI/180)*0,(Math.PI/180)*360,false);

context.stroke();

context.closePath();

總結

以上是生活随笔為你收集整理的html5 clip,canvas中使用clip()函数裁剪方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。