Interface ICanvasRenderingContext2D

ICanvasRenderingContext2D interface

De ICanvasRenderingContext2D-interface wordt gebruikt voor het tekenen van rechthoeken, tekst, afbeeldingen en andere objecten op het canvaselement. Het biedt de 2D-renderingcontext voor het tekenoppervlak van een canvaselement.

public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

Eigenschappen

NaamBeschrijving
Canvas { get; }Een alleen-lezen terugverwijzing naar het HTMLCanvasElement. Kan null zijn als het niet is gekoppeld aan een canvaselement.
FillStyle { get; set; }Kleur of stijl om binnenvormen te gebruiken. Standaard: (zwart).
GlobalAlpha { get; set; }Alfawaarde die wordt toegepast op vormen en afbeeldingen voordat ze op het canvas worden samengesteld. Standaard 1.0 (ondoorzichtig).
GlobalCompositeOperation { get; set; }Met globalAlpha toegepast stelt dit in hoe vormen en afbeeldingen op de bestaande bitmap worden getekend. Standaard: (bron-over)
ImageSmoothingEnabled { get; set; }Beeldafvlakkingsmodus; indien uitgeschakeld, worden afbeeldingen niet gladgestreken als ze worden geschaald.
ShadowBlur { get; set; }Specificeert het vervagingseffect. Standaard 0
ShadowColor { get; set; }Kleur van de schaduw. Standaard volledig transparant zwart.
ShadowOffsetX { get; set; }Horizontale afstand waarop de schaduw wordt verschoven. Standaard 0.
ShadowOffsetY { get; set; }Verticale afstand waarop de schaduw wordt verschoven. Standaard 0.
StrokeStyle { get; set; }Kleur of stijl om te gebruiken voor de lijnen rond vormen. Standaard: (zwart).

methoden

NaamBeschrijving
AddHitRegion(Dictionary<string, string>)Voegt een treffergebied toe aan het canvas. Hiermee kunt u trefferdetectie eenvoudiger maken, gebeurtenissen naar DOM-elementen routeren, en gebruikers het canvas laten verkennen zonder het te zien.
BeginPath()Start een nieuw pad door de lijst met subpaden leeg te maken. Roep deze methode aan als u een nieuw pad wilt maken.
ClearHitRegions()Verwijdert alle hitgebieden van het canvas.
ClearRect(double, double, double, double)Stelt alle pixels in de rechthoek gedefinieerd door startpunt (x, y) en grootte (breedte, hoogte) in op transparant zwart, waarbij eerder getekende inhoud wordt gewist.
Clip()Creëert een nieuw clipping-gebied door het snijpunt van het huidige clipping-gebied en het door het pad beschreven gebied te berekenen, gebruikmakend van de kronkelingsgetalregel die niet gelijk is aan nul. Open subpaden moeten impliciet worden gesloten bij het berekenen van het clipping-gebied, zonder de werkelijke subpaden te beïnvloeden . Het nieuwe clipping-gebied vervangt het huidige clipping-gebied.
Clip(CanvasFillRule)Creëert een nieuw clipping-gebied door het snijpunt van het huidige clipping-gebied en het door het pad beschreven gebied te berekenen, gebruikmakend van de kronkelingsgetalregel die niet gelijk is aan nul. Open subpaden moeten impliciet worden gesloten bij het berekenen van het clipping-gebied, zonder dat dit invloed heeft op de daadwerkelijke subpaden. Het nieuwe clipping-gebied vervangt het huidige clipping-gebied.
Clip(Path2D, CanvasFillRule)Creëert een nieuw clipping-gebied door het snijpunt van het huidige clipping-gebied en het door het pad beschreven gebied te berekenen, gebruikmakend van de kronkelingsgetalregel die niet gelijk is aan nul. Open subpaden moeten impliciet worden gesloten bij het berekenen van het clipping-gebied, zonder dat dit invloed heeft op de daadwerkelijke subpaden. Het nieuwe clipping-gebied vervangt het huidige clipping-gebied.
CreateImageData(IImageData)Maakt een nieuw, leeg ImageData-object met de opgegeven afmetingen. Alle pixels in het nieuwe object zijn transparant zwart.
CreateImageData(double, double)Maakt een nieuw, leeg ImageData-object met de opgegeven afmetingen. Alle pixels in het nieuwe object zijn transparant zwart.
CreateLinearGradient(double, double, double, double)Creëert een lineaire gradiënt langs de lijn gegeven door de coördinaten vertegenwoordigd door de parameters.
CreatePattern(HTMLCanvasElement, string)Maakt een patroon met behulp van de opgegeven afbeelding (een CanvasImageSource). Het herhaalt de bron in de richtingen gespecificeerd door het herhalingsargument.
CreatePattern(HTMLImageElement, string)Maakt een patroon met behulp van de opgegeven afbeelding (een CanvasImageSource). Het herhaalt de bron in de richtingen gespecificeerd door het herhalingsargument.
CreateRadialGradient(double, double, double, double, double, double)Creëert een radiale gradiënt gegeven door de coördinaten van de twee cirkels voorgesteld door de parameters.
DrawFocusIfNeeded(Element)Als een bepaald element is gefocust, tekent deze methode een focusring rond het huidige pad.
DrawImage(HTMLCanvasElement, double, double)Tekent de opgegeven afbeelding.
DrawImage(HTMLImageElement, double, double)Tekent de opgegeven afbeelding.
DrawImage(HTMLCanvasElement, double, double, double, double)Tekent de opgegeven afbeelding.
DrawImage(HTMLImageElement, double, double, double, double)Tekent de opgegeven afbeelding.
DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)Tekent de opgegeven afbeelding.
DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)Tekent de opgegeven afbeelding.
Fill()Vult de subpaden met de huidige vulstijl en het standaardalgoritme CanvasFillRule.Nonzero.
Fill(CanvasFillRule)Vult de subpaden met de huidige vulstijl.
Fill(Path2D)Vult de subpaden met de huidige vulstijl en het standaardalgoritme CanvasFillRule.Nonzero.
Fill(Path2D, CanvasFillRule)Vult de subpaden met de huidige vulstijl.
FillRect(double, double, double, double)Tekent een gevulde rechthoek op (x, y) positie waarvan de grootte wordt bepaald door breedte en hoogte.
FillText(string, double, double)Tekent (vult) een gegeven tekst op de gegeven (x,y) positie.
FillText(string, double, double, double)Tekent (vult) een gegeven tekst op de gegeven (x,y) positie.
GetImageData(double, double, double, double)Retourneert een ImageData-object dat de onderliggende pixelgegevens vertegenwoordigt voor het gebied van het canvas dat wordt aangegeven door de rechthoek die begint bij (sx, sy) en een sw-breedte en sh-hoogte heeft. Deze methode wordt niet beïnvloed door de canvas-transformatiematrix.
IsPointInPath(double, double)Rapporteert of het opgegeven punt zich al dan niet in het huidige pad bevindt.
IsPointInPath(double, double, CanvasFillRule)Rapporteert of het opgegeven punt zich al dan niet in het huidige pad bevindt.
IsPointInPath(Path2D, double, double)Rapporteert of het opgegeven punt zich al dan niet in het huidige pad bevindt.
IsPointInPath(Path2D, double, double, CanvasFillRule)Rapporteert of het opgegeven punt zich al dan niet in het huidige pad bevindt.
IsPointInStroke(double, double)Rapporteert of het gespecificeerde punt al dan niet binnen het gebied ligt dat wordt omsloten door het strelen van een pad.
IsPointInStroke(Path2D, double, double)Rapporteert of het gespecificeerde punt al dan niet binnen het gebied ligt dat wordt omsloten door het strelen van een pad.
MeasureText(string)Retourneert een TextMetrics-object.
PutImageData(IImageData, double, double)Schildert gegevens van het opgegeven ImageData-object op de bitmap. Als er een vuile rechthoek wordt geleverd, worden alleen de pixels van die rechthoek geverfd. Deze methode wordt niet beïnvloed door de canvastransformatiematrix.
PutImageData(IImageData, double, double, double, double, double, double)Schildert gegevens van het opgegeven ImageData-object op de bitmap. Als er een vuile rechthoek wordt geleverd, worden alleen de pixels van die rechthoek geverfd. Deze methode wordt niet beïnvloed door de canvastransformatiematrix.
RemoveHitRegion(string)Verwijdert het hitgebied met de opgegeven id van het canvas.
ResetTransform()Reset de huidige transformatie door de identiteitsmatrix.
Restore()Herstelt de status van de tekenstijl naar het laatste element op de ‘state stack’ dat is opgeslagen door save().
Rotate(double)Voegt een rotatie toe aan de transformatiematrix. Het hoekargument vertegenwoordigt een rechtsom draaiende hoek en wordt uitgedrukt in radialen.
Save()Slaat de huidige status van de tekenstijl op met behulp van een stapel, zodat u elke wijziging die u erin aanbrengt, kunt terugdraaien met restore().
Scale(double, double)Voegt een schaaltransformatie toe aan de canvaseenheden met x horizontaal en met y verticaal.
SetTransform(double, double, double, double, double, double)Herstelt de huidige transformatie naar de identiteitsmatrix en roept vervolgens de methode transform() aan met dezelfde argumenten.
Stroke()Lijnt de subpaden uit met de huidige streekstijl.
Stroke(Path2D)Lijnt de subpaden uit met de huidige streekstijl.
StrokeRect(double, double, double, double)Schildert een rechthoek met een startpunt op (x, y) en een aw-breedte en een h-hoogte op het canvas, met de huidige lijnstijl.
StrokeText(string, double, double)Tekent (streken) een gegeven tekst op de gegeven (x, y) positie.
StrokeText(string, double, double, double?)Tekent (streken) een gegeven tekst op de gegeven (x, y) positie.
Transform(double, double, double, double, double, double)Vermenigvuldigt de huidige transformatiematrix met de matrix beschreven door zijn argumenten.
Translate(double, double)Voegt een vertaaltransformatie toe door het canvas en zijn oorsprong x horizontaal en y verticaal op het raster te verplaatsen.

Zie ook