當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

html5 clip,canvas中使用clip()函数裁剪方法

發布時間：2023/12/2 编程问答 37 豆豆

生活随笔收集整理的這篇文章主要介紹了 html5 clip,canvas中使用clip()函数裁剪方法小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

未使用裁剪繪制一個圓

*{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()函数裁剪方法的全部內容，希望文章能夠幫你解決所遇到的問題。

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