Canvas clip() μέθοδος
Ορισμός και χρήση
clip() Η μέθοδος μπορεί να κόψει οποιαδήποτε μορφή και μέγεθος από το αρχικό καanvas.
Συμβουλή:Όταν κόβετε μια περιοχή, όλες οι μελλοντικές ζωγραφιές θα περιορίζονται στην περιοχή που κόπηκε (δεν μπορούν να προσβούν σε άλλες περιοχές του καanvas). Μπορείτε επίσης να αποθηκεύσετε την τρέχουσα περιοχή του καanvas χρησιμοποιώντας το save() και να την επαναφέρετε αργότερα (χρησιμοποιώντας το restore()).
Παράδειγμα
Αφού κόψετε μια περιοχή από το καanvas, θα ζωγραφίσετε ένα κόκκινο δίγραμμο. Μόνο η περιοχή που κόπηκε θα είναι ορατή:
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();
Υποστήριξη ΒROWSΕΡ
Τα Αριθμήματα Στο Πίνακα Αναφέρονται στην Πρώτη Έκδοση του ΒROWSΕΡΟΥ Που Υποστηρίζει Την Ενέργεια Αυτή.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Σημείωση:Το Internet Explorer 8 και Παλιότερες Εκδόσεις Δεν Υποστηρίζουν Το Στοιχείο <canvas>.
