Canvas clip() method

Mifano na Matumizi

clip() Methodi hii inasaidia kusika eneo kuu kwa ukishika na ukagumu yoyote.

Tahadhari:Kama inasikitisha eneo lake, kila maelezo iliyofuata kinahatarishwa kwenye eneo la kuu lake (hakuna eneo kuu zingine). Wewe wakati huo unaweza kusaidia eneo la kuu kwa kutumia methodi ya save() kabla ya kutumia methodi ya clip() na kumcora kwenye wakati huo kwa kutumia methodi ya restore().

Mfano

Kuandika eneo la kuu la 200*120 pixels kutoka kwa kuu ya rangi ya kijani. Kina kuu cha rangi ya kijani kinakaa kwenye eneo la kuu la kuu:

Kivinjizi hawezi kusaidia kifunzo cha HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// Kima eneo la ukishika la kuu
ctx.rect(50,20,200,120);
ctx.stroke();
ctx.clip();
// Ina kuandika kati ya clip() kina kuu ya rangi ya kijani
ctx.fillStyle="green";
ctx.fillRect(0,0,150,100);

Jifunze tena

Inayofanywa kwa

context.clip();

Makao ya kina

Mafanikio ya tabia hiyo ni tabia ya kwanza ya kusimamia kina cha kusaidia hii.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Mafanikio:Internet Explorer 8 na kuzingatia huzungumza kwa uwanja <canvas> inayofikia.