Canvas clip() ਮੈਥਡ
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
clip() ਮੈਟਾਡ ਮੂਲ ਕੈਂਵਸ ਤੋਂ ਕਿਸੇ ਵੀ ਆਕਾਰ ਅਤੇ ਆਕਾਰ ਦਾ ਕਿਸੇ ਵੀ ਸ਼ਕਲ ਨੂੰ ਕਾਟ ਸਕਦਾ ਹੈ。
ਸੁਝਾਅ:ਇੱਕ ਖੇਤਰ ਨੂੰ ਕਾਟਣ ਤੋਂ ਬਾਅਦ ਸਾਰੇ ਬਾਅਦ ਦੇ ਡਰਾਇੰਗ ਹੀ ਕਾਟੇ ਹੋਏ ਖੇਤਰ ਵਿੱਚ ਸੀਮਤ ਰਹਿਣਗੇ (ਕੈਂਵਸ ਦੇ ਹੋਰ ਖੇਤਰਾਂ ਤੱਕ ਪਹੁੰਚ ਨਹੀਂ ਹੋ ਸਕੇਗੀ)। ਤੁਸੀਂ ਹੁਣੇ ਹੁਣੇ clip() ਮੈਥਡ ਦੇ ਪਹਿਲਾਂ save() ਮੈਥਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਮੌਜੂਦਾ ਕੈਂਵਸ ਖੇਤਰ ਨੂੰ ਸੰਭਾਲ ਸਕਦੇ ਹੋ ਅਤੇ ਬਾਅਦ ਵਿੱਚ ਕਿਸੇ ਵੀ ਸਮੇਂ ਉਸ ਨੂੰ ਪੁਨਰ ਲਿਆ ਸਕਦੇ ਹੋ (restore() ਮੈਥਡ ਰਾਹੀਂ).
ਉਦਾਹਰਣ
200*120 ਪਿਕਸਲ ਦਾ ਚੱਕਰਾ ਰੈਂਜ ਬਾਰੇ ਕੈਂਵਸ ਤੋਂ ਕਾਟਾ ਜਾਵੇਗਾ। ਫਿਰ ਹਰੀ ਰੰਗ ਦਾ ਚੱਕਰਾ ਆਰਟ ਕੀਤਾ ਜਾਵੇਗਾ। ਸਿਰਫ ਕਾਟੇ ਹੋਏ ਖੇਤਰ ਵਿੱਚ ਹਰੀ ਰੰਗ ਦਾ ਚੱਕਰਾ ਦੇਖਿਆ ਜਾਵੇਗਾ:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
// 剪切矩形区域
ctx.rect(50,20,200,120);
ctx.stroke();
ctx.clip();
// 在 clip() 之后绘制绿色矩形
ctx.fillStyle="green";
ctx.fillRect(0,0,150,100);
ਵਿਧੀ
context.clip();
ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ
ਸਾਰੇ ਸੰਖਿਆਵਾਂ ਦੇ ਪਹਿਲੇ ਸਮਰੱਥ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਬਰਾਉਜ਼ਰ ਰੈਂਜ ਦਿੱਤੀ ਗਈ ਹੈ。
| ਚਰਾਮਸ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| ਚਰਾਮਸ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ਟਿੱਪਣੀਆਂ:Internet Explorer 8 ਅਤੇ ਅਣਗਿਣਤ ਰੈਂਜ ਸਮਰੱਥਾ ਹੈ <canvas> ਇਲੈਕਟ੍ਰੌਨ
