Interface ICanvasRenderingContext2D

ICanvasRenderingContext2D interface

Η διεπαφή ICanvasRenderingContext2D χρησιμοποιείται για τη σχεδίαση ορθογωνίων, κειμένου, εικόνων και άλλων αντικειμένων στο στοιχείο καμβά. Παρέχει το περιβάλλον απόδοσης 2D για την επιφάνεια σχεδίασης ενός στοιχείου καμβά.

public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

Ιδιότητες

ΟνομαΠεριγραφή
Canvas { get; }Μια αναδρομική αναφορά μόνο για ανάγνωση στο HTMLCanvasElement. Ενδέχεται να είναι μηδενικό εάν δεν σχετίζεται με στοιχείο καμβά.
FillStyle { get; set; }Χρώμα ή στυλ για χρήση μέσα σε σχήματα. Προεπιλογή: (μαύρο).
GlobalAlpha { get; set; }Τιμή άλφα που εφαρμόζεται σε σχήματα και εικόνες πριν από τη σύνθεση τους στον καμβά. Προεπιλογή 1.0 (αδιαφανές).
GlobalCompositeOperation { get; set; }Με την εφαρμογή globalAlpha, αυτό ορίζει τον τρόπο σχεδίασης των σχημάτων και των εικόνων στο υπάρχον bitmap. Προεπιλογή: (source-over)
ImageSmoothingEnabled { get; set; }Λειτουργία εξομάλυνσης εικόνας. εάν είναι απενεργοποιημένη, οι εικόνες δεν θα εξομαλυνθούν εάν κλιμακωθούν.
ShadowBlur { get; set; }Καθορίζει το εφέ θολώματος. Προεπιλογή 0
ShadowColor { get; set; }Χρώμα της σκιάς. Προεπιλεγμένο πλήρως διαφανές μαύρο.
ShadowOffsetX { get; set; }Οριζόντια απόσταση η σκιά θα μετατοπιστεί. Προεπιλογή 0.
ShadowOffsetY { get; set; }Κατακόρυφη απόσταση η σκιά θα μετατοπιστεί. Προεπιλογή 0.
StrokeStyle { get; set; }Χρώμα ή στυλ για χρήση για τις γραμμές γύρω από τα σχήματα. Προεπιλογή: (μαύρο).

Μέθοδοι

ΟνομαΠεριγραφή
AddHitRegion(Dictionary<string, string>)Προσθέτει μια περιοχή επιτυχίας στον καμβά. Αυτό σας επιτρέπει να κάνετε την ανίχνευση επισκέψεων ευκολότερη, σας επιτρέπει να δρομολογείτε συμβάντα σε στοιχεία DOM, και δίνει τη δυνατότητα στους χρήστες να εξερευνήσουν τον καμβά χωρίς να τον δουν.
BeginPath()Ξεκινά μια νέα διαδρομή αδειάζοντας τη λίστα με τις δευτερεύουσες διαδρομές. Καλέστε αυτήν τη μέθοδο όταν θέλετε να δημιουργήσετε μια νέα διαδρομή.
ClearHitRegions()Αφαιρεί όλες τις περιοχές επιτυχίας από τον καμβά.
ClearRect(double, double, double, double)Ορίζει όλα τα εικονοστοιχεία στο ορθογώνιο που ορίζονται από το σημείο εκκίνησης (x, y) και το μέγεθος (πλάτος, ύψος) σε διαφανές μαύρο, διαγράφοντας οποιοδήποτε περιεχόμενο που σχεδιάστηκε προηγουμένως.
Clip()Δημιουργεί μια νέα περιοχή αποκοπής υπολογίζοντας την τομή της τρέχουσας περιοχής αποκοπής και της περιοχής που περιγράφεται από τη διαδρομή, χρησιμοποιώντας τον κανόνα του αριθμού περιέλιξης μη μηδενικού. . Η νέα περιοχή αποκοπής αντικαθιστά την τρέχουσα περιοχή αποκοπής.
Clip(CanvasFillRule)Δημιουργεί μια νέα περιοχή αποκοπής υπολογίζοντας την τομή της τρέχουσας περιοχής αποκοπής και της περιοχής που περιγράφεται από τη διαδρομή, χρησιμοποιώντας τον κανόνα αριθμών περιέλιξης μη μηδενικού. Οι ανοιχτές δευτερεύουσες διαδρομές πρέπει να είναι έμμεσα κλειστές κατά τον υπολογισμό της περιοχής αποκοπής, χωρίς να επηρεάζονται οι πραγματικές δευτερεύουσες διαδρομές. Η νέα περιοχή αποκοπής αντικαθιστά την τρέχουσα περιοχή αποκοπής.
Clip(Path2D, CanvasFillRule)Δημιουργεί μια νέα περιοχή αποκοπής υπολογίζοντας την τομή της τρέχουσας περιοχής αποκοπής και της περιοχής που περιγράφεται από τη διαδρομή, χρησιμοποιώντας τον κανόνα αριθμών περιέλιξης μη μηδενικού. Οι ανοιχτές δευτερεύουσες διαδρομές πρέπει να είναι έμμεσα κλειστές κατά τον υπολογισμό της περιοχής αποκοπής, χωρίς να επηρεάζονται οι πραγματικές δευτερεύουσες διαδρομές. Η νέα περιοχή αποκοπής αντικαθιστά την τρέχουσα περιοχή αποκοπής.
CreateImageData(IImageData)Δημιουργεί ένα νέο, κενό αντικείμενο ImageData με τις καθορισμένες διαστάσεις. Όλα τα εικονοστοιχεία στο νέο αντικείμενο είναι διαφανή μαύρα.
CreateImageData(double, double)Δημιουργεί ένα νέο, κενό αντικείμενο ImageData με τις καθορισμένες διαστάσεις. Όλα τα εικονοστοιχεία στο νέο αντικείμενο είναι διαφανή μαύρα.
CreateLinearGradient(double, double, double, double)Δημιουργεί μια γραμμική κλίση κατά μήκος της γραμμής που δίνεται από τις συντεταγμένες που αντιπροσωπεύονται από τις παραμέτρους.
CreatePattern(HTMLCanvasElement, string)Δημιουργεί ένα μοτίβο χρησιμοποιώντας την καθορισμένη εικόνα (ένα CanvasImageSource). Επαναλαμβάνει την πηγή προς τις κατευθύνσεις που καθορίζονται από το όρισμα επανάληψης.
CreatePattern(HTMLImageElement, string)Δημιουργεί ένα μοτίβο χρησιμοποιώντας την καθορισμένη εικόνα (ένα CanvasImageSource). Επαναλαμβάνει την πηγή προς τις κατευθύνσεις που καθορίζονται από το όρισμα επανάληψης.
CreateRadialGradient(double, double, double, double, double, double)Δημιουργεί μια ακτινική κλίση που δίνεται από τις συντεταγμένες των δύο κύκλων που αντιπροσωπεύονται από τις παραμέτρους.
DrawFocusIfNeeded(Element)Εάν ένα δεδομένο στοιχείο είναι εστιασμένο, αυτή η μέθοδος σχεδιάζει έναν δακτύλιο εστίασης γύρω από την τρέχουσα διαδρομή.
DrawImage(HTMLCanvasElement, double, double)Σχεδιάζει την καθορισμένη εικόνα.
DrawImage(HTMLImageElement, double, double)Σχεδιάζει την καθορισμένη εικόνα.
DrawImage(HTMLCanvasElement, double, double, double, double)Σχεδιάζει την καθορισμένη εικόνα.
DrawImage(HTMLImageElement, double, double, double, double)Σχεδιάζει την καθορισμένη εικόνα.
DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)Σχεδιάζει την καθορισμένη εικόνα.
DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)Σχεδιάζει την καθορισμένη εικόνα.
Fill()Γεμίζει τις δευτερεύουσες διαδρομές με το τρέχον στυλ πλήρωσης και τον προεπιλεγμένο αλγόριθμο CanvasFillRule.Nonzero.
Fill(CanvasFillRule)Γεμίζει τις δευτερεύουσες διαδρομές με το τρέχον στυλ πλήρωσης.
Fill(Path2D)Γεμίζει τις δευτερεύουσες διαδρομές με το τρέχον στυλ πλήρωσης και τον προεπιλεγμένο αλγόριθμο CanvasFillRule.Nonzero.
Fill(Path2D, CanvasFillRule)Γεμίζει τις δευτερεύουσες διαδρομές με το τρέχον στυλ πλήρωσης.
FillRect(double, double, double, double)Σχεδιάζει ένα γεμάτο ορθογώνιο στη θέση (x, y) του οποίου το μέγεθος καθορίζεται από το πλάτος και το ύψος.
FillText(string, double, double)Σχεδιάζει (γεμίζει) ένα δεδομένο κείμενο στη δεδομένη θέση (x,y).
FillText(string, double, double, double)Σχεδιάζει (γεμίζει) ένα δεδομένο κείμενο στη δεδομένη θέση (x,y).
GetImageData(double, double, double, double)Επιστρέφει ένα αντικείμενο ImageData που αντιπροσωπεύει τα υποκείμενα δεδομένα pixel για την περιοχή του καμβά που συμβολίζεται με το ορθογώνιο που ξεκινά από (sx, sy) και έχει πλάτος sw και ύψος sh. Αυτή η μέθοδος δεν επηρεάζεται από τον πίνακα μετασχηματισμού καμβά.
IsPointInPath(double, double)Αναφέρει εάν το καθορισμένο σημείο περιέχεται ή όχι στην τρέχουσα διαδρομή.
IsPointInPath(double, double, CanvasFillRule)Αναφέρει εάν το καθορισμένο σημείο περιέχεται ή όχι στην τρέχουσα διαδρομή.
IsPointInPath(Path2D, double, double)Αναφέρει εάν το καθορισμένο σημείο περιέχεται ή όχι στην τρέχουσα διαδρομή.
IsPointInPath(Path2D, double, double, CanvasFillRule)Αναφέρει εάν το καθορισμένο σημείο περιέχεται ή όχι στην τρέχουσα διαδρομή.
IsPointInStroke(double, double)Αναφέρει εάν το καθορισμένο σημείο βρίσκεται ή όχι εντός της περιοχής που περιέχεται από τη χάραξη μιας διαδρομής.
IsPointInStroke(Path2D, double, double)Αναφέρει εάν το καθορισμένο σημείο βρίσκεται ή όχι εντός της περιοχής που περιέχεται από τη χάραξη μιας διαδρομής.
MeasureText(string)Επιστρέφει ένα αντικείμενο TextMetrics.
PutImageData(IImageData, double, double)Χρωματίζει δεδομένα από το δεδομένο αντικείμενο ImageData στο bitmap. Εάν παρέχεται ένα βρώμικο ορθογώνιο, μόνο τα pixel από αυτό το ορθογώνιο είναι ζωγραφισμένα. Αυτή η μέθοδος δεν επηρεάζεται από τον πίνακα μετασχηματισμού καμβά.
PutImageData(IImageData, double, double, double, double, double, double)Χρωματίζει δεδομένα από το δεδομένο αντικείμενο ImageData στο bitmap. Εάν παρέχεται ένα βρώμικο ορθογώνιο, μόνο τα pixel από αυτό το ορθογώνιο είναι ζωγραφισμένα. Αυτή η μέθοδος δεν επηρεάζεται από τον πίνακα μετασχηματισμού καμβά.
RemoveHitRegion(string)Αφαιρεί την περιοχή επίσκεψης με το καθορισμένο αναγνωριστικό από τον καμβά.
ResetTransform()Επαναφέρει τον τρέχοντα μετασχηματισμό από τον πίνακα ταυτότητας.
Restore()Επαναφέρει την κατάσταση του στυλ σχεδίασης στο τελευταίο στοιχείο στη «στοίβα κατάστασης» που αποθηκεύτηκε από το save().
Rotate(double)Προσθέτει μια περιστροφή στον πίνακα μετασχηματισμού. Το όρισμα γωνίας αντιπροσωπεύει μια γωνία περιστροφής δεξιόστροφα και εκφράζεται σε ακτίνια.
Save()Αποθηκεύει την τρέχουσα κατάσταση του στυλ σχεδίασης χρησιμοποιώντας μια στοίβα, ώστε να μπορείτε να επαναφέρετε οποιαδήποτε αλλαγή κάνετε σε αυτήν χρησιμοποιώντας το restore().
Scale(double, double)Προσθέτει έναν μετασχηματισμό κλιμάκωσης στις μονάδες καμβά κατά x οριζόντια και κατά y κατακόρυφα.
SetTransform(double, double, double, double, double, double)Επαναφέρει τον τρέχοντα μετασχηματισμό στον πίνακα ταυτότητας και, στη συνέχεια, καλεί τη μέθοδο transform() με τα ίδια ορίσματα.
Stroke()Περιγράφει τις δευτερεύουσες διαδρομές με το τρέχον στυλ διαδρομής.
Stroke(Path2D)Περιγράφει τις δευτερεύουσες διαδρομές με το τρέχον στυλ διαδρομής.
StrokeRect(double, double, double, double)Ζωγραφίζει ένα ορθογώνιο που έχει σημείο εκκίνησης στο (x, y) και έχει πλάτος aw και ύψος h στον καμβά, χρησιμοποιώντας το τρέχον στυλ περιγράμματος.
StrokeText(string, double, double)Σχεδιάζει (χτυπά) ένα δεδομένο κείμενο στη δεδομένη θέση (x, y).
StrokeText(string, double, double, double?)Σχεδιάζει (χτυπά) ένα δεδομένο κείμενο στη δεδομένη θέση (x, y).
Transform(double, double, double, double, double, double)Πολλαπλασιάζει τον τρέχοντα πίνακα μετασχηματισμού με τον πίνακα που περιγράφεται από τα ορίσματά του.
Translate(double, double)Προσθέτει έναν μετασχηματισμό μετάφρασης μετακινώντας τον καμβά και την αρχή του x οριζόντια και y κατακόρυφα στο πλέγμα.

Δείτε επίσης

Interface ICanvasPattern Interface IImageData