Canvas clip() pamamaraan
Paglalarawan at Gamit
clip() Ang pamamaraan ay hinaharap ang kahit anong hugis at sukat mula sa orihinal na lien.
Paalala:Kapag hinaharap ang anumang lugar, lahat ng mga sumunod na ginagawa ay limitado sa hinaharap na lugar (hindi makapasok sa ibang lugar ng lien). Maaari mo rin ng i-save ang kasalukuyang lugar ng lien bago gamitin ang clip() pamamagitan ng gumamit ng save() pamamaraan, at i-maaga i-recover ito (sa pamamagitan ng restore() pamamaraan).
Mga halimbawa
Hiniwalay ang 200*120 pixel na rektanggulo mula sa lien.
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// Hinaharap ang rektanggulo ng pindot
ctx.rect(50,20,200,120);
ctx.stroke();
ctx.clip();
// Sa pagkatapos ng clip() magpipinta ng berde na parang
ctx.fillStyle="green";
ctx.fillRect(0,0,150,100);
语法
context.clip();
浏览器支持
表中的数字注明了首个完全支持该属性的浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注释：Internet Explorer 8 以及更早的版本不支持 <canvas> 元素。
