Interface ICanvasRenderingContext2D

ICanvasRenderingContext2D interface

ICanvasRenderingContext2D-gränssnittet används för att rita rektanglar, text, bilder och andra objekt på canvaselementet. Den tillhandahåller 2D-renderingskontexten för ritytan på ett canvaselement.

public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

Egenskaper

namnBeskrivning
Canvas { get; }En skrivskyddad bakåtreferens till HTMLCanvasElement. Kan vara null om det inte är associerat med ett canvaselement.
FillStyle { get; set; }Färg eller stil att använda inuti former. Standard: (svart).
GlobalAlpha { get; set; }Alfavärde som tillämpas på former och bilder innan de sammansätts på arbetsytan. Standard 1.0 (ogenomskinlig).
GlobalCompositeOperation { get; set; }Med globalAlpha tillämpad ställer detta in hur former och bilder ritas på den befintliga bitmappen. Standard: (källa-över)
ImageSmoothingEnabled { get; set; }Bildutjämningsläge; om inaktiverad kommer bilder inte att jämnas ut om de skalas.
ShadowBlur { get; set; }Anger suddighetseffekten. Standard 0
ShadowColor { get; set; }Färg på skuggan. Standard helt transparent svart.
ShadowOffsetX { get; set; }Horisontellt avstånd skuggan kommer att förskjutas. Standard 0.
ShadowOffsetY { get; set; }Vertikalt avstånd som skuggan förskjuts. Standard 0.
StrokeStyle { get; set; }Färg eller stil att använda för linjerna runt former. Standard: (svart).

Metoder

namnBeskrivning
AddHitRegion(Dictionary<string, string>)Lägger till en träffregion på arbetsytan. Detta låter dig göra träffdetektering enklare, låter dig dirigera händelser till DOM-element, och gör det möjligt för användare att utforska arbetsytan utan att se den.
BeginPath()Startar en ny sökväg genom att tömma listan med undersökvägar. Anropa den här metoden när du vill skapa en ny sökväg.
ClearHitRegions()Tar bort alla träffområden från arbetsytan.
ClearRect(double, double, double, double)Ställer in alla pixlar i rektangeln som definieras av startpunkt (x, y) och storlek (bredd, höjd) till transparent svart, vilket raderar allt tidigare ritat innehåll.
Clip()Skapar ett nytt urklippsområde genom att beräkna skärningspunkten mellan det aktuella klippområdet och det område som beskrivs av sökvägen, med hjälp av regeln om slingrande nummer som inte är noll. Öppna undersökvägar måste underförstått stängas när klippområdet beräknas, utan att de faktiska undervägarna påverkas . Det nya klippområdet ersätter det nuvarande klippområdet.
Clip(CanvasFillRule)Skapar ett nytt urklippsområde genom att beräkna skärningspunkten mellan det aktuella klippområdet och området som beskrivs av banan, med hjälp av regeln för slingrande nummer som inte är noll. Öppna undersökvägar måste vara implicit stängda vid beräkning av urklippsregionen, utan att påverka de faktiska undersökvägarna. Den nya klippningsregionen ersätter den nuvarande klippningsregionen.
Clip(Path2D, CanvasFillRule)Skapar ett nytt urklippsområde genom att beräkna skärningspunkten mellan det aktuella klippområdet och området som beskrivs av banan, med hjälp av regeln för slingrande nummer som inte är noll. Öppna undersökvägar måste vara implicit stängda vid beräkning av urklippsregionen, utan att påverka de faktiska undersökvägarna. Den nya klippningsregionen ersätter den nuvarande klippningsregionen.
CreateImageData(IImageData)Skapar ett nytt tomt ImageData-objekt med de angivna måtten. Alla pixlar i det nya objektet är transparenta svarta.
CreateImageData(double, double)Skapar ett nytt tomt ImageData-objekt med de angivna måtten. Alla pixlar i det nya objektet är transparenta svarta.
CreateLinearGradient(double, double, double, double)Skapar en linjär gradient längs linjen som ges av koordinaterna som representeras av parametrarna.
CreatePattern(HTMLCanvasElement, string)Skapar ett mönster med den angivna bilden (en CanvasImageSource). Den upprepar källan i de riktningar som anges av repetitionsargumentet.
CreatePattern(HTMLImageElement, string)Skapar ett mönster med den angivna bilden (en CanvasImageSource). Den upprepar källan i de riktningar som anges av repetitionsargumentet.
CreateRadialGradient(double, double, double, double, double, double)Skapar en radiell gradient som ges av koordinaterna för de två cirklarna som representeras av parametrarna.
DrawFocusIfNeeded(Element)Om ett givet element är fokuserat, ritar denna metod en fokusring runt den aktuella banan.
DrawImage(HTMLCanvasElement, double, double)Ritar den angivna bilden.
DrawImage(HTMLImageElement, double, double)Ritar den angivna bilden.
DrawImage(HTMLCanvasElement, double, double, double, double)Ritar den angivna bilden.
DrawImage(HTMLImageElement, double, double, double, double)Ritar den angivna bilden.
DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)Ritar den angivna bilden.
DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)Ritar den angivna bilden.
Fill()Fyller undersökvägarna med den aktuella fyllningsstilen och standardalgoritmen CanvasFillRule.Nonzero.
Fill(CanvasFillRule)Fyller undersökvägarna med den aktuella fyllningsstilen.
Fill(Path2D)Fyller undersökvägarna med den aktuella fyllningsstilen och standardalgoritmen CanvasFillRule.Nonzero.
Fill(Path2D, CanvasFillRule)Fyller undersökvägarna med den aktuella fyllningsstilen.
FillRect(double, double, double, double)Ritar en fylld rektangel vid (x, y) position vars storlek bestäms av bredd och höjd.
FillText(string, double, double)Ritar (fyller) en given text vid den givna (x,y) positionen.
FillText(string, double, double, double)Ritar (fyller) en given text vid den givna (x,y) positionen.
GetImageData(double, double, double, double)Returnerar ett ImageData-objekt som representerar underliggande pixeldata för området på duken som betecknas av rektangeln som börjar på (sx, sy) och har en sw bredd och sh höjd. Denna metod påverkas inte av arbetsytans transformationsmatris.
IsPointInPath(double, double)Rapporterar om den angivna punkten finns i den aktuella sökvägen eller inte.
IsPointInPath(double, double, CanvasFillRule)Rapporterar om den angivna punkten finns i den aktuella sökvägen eller inte.
IsPointInPath(Path2D, double, double)Rapporterar om den angivna punkten finns i den aktuella sökvägen eller inte.
IsPointInPath(Path2D, double, double, CanvasFillRule)Rapporterar om den angivna punkten finns i den aktuella sökvägen eller inte.
IsPointInStroke(double, double)Rapporterar huruvida den angivna punkten är inom området som ryms av en bana eller inte.
IsPointInStroke(Path2D, double, double)Rapporterar huruvida den angivna punkten är inom området som ryms av en bana eller inte.
MeasureText(string)Returnerar ett TextMetrics-objekt.
PutImageData(IImageData, double, double)Målar data från det givna ImageData-objektet på bitmappen. Om en smutsig rektangel tillhandahålls, målas endast pixlarna från den rektangeln. Denna metod påverkas inte av arbetsytans transformationsmatris.
PutImageData(IImageData, double, double, double, double, double, double)Målar data från det givna ImageData-objektet på bitmappen. Om en smutsig rektangel tillhandahålls, målas endast pixlarna från den rektangeln. Denna metod påverkas inte av arbetsytans transformationsmatris.
RemoveHitRegion(string)Tar bort träffområdet med det angivna ID:t från arbetsytan.
ResetTransform()Återställer den aktuella transformationen av identitetsmatrisen.
Restore()Återställer ritstilens tillstånd till det sista elementet på ‘state-stacken’ som sparats av save().
Rotate(double)Lägger till en rotation till transformationsmatrisen. Vinkelargumentet representerar en rotationsvinkel medurs och uttrycks i radianer.
Save()Sparar den aktuella ritstilen med hjälp av en stack så att du kan återställa alla ändringar du gör i den med restore().
Scale(double, double)Lägger till en skalningstransformation till arbetsytan med x horisontellt och med y vertikalt.
SetTransform(double, double, double, double, double, double)Återställer den aktuella transformationen till identitetsmatrisen och anropar sedan transform()-metoden med samma argument.
Stroke()Stryker undersökvägarna med den aktuella linjestilen.
Stroke(Path2D)Stryker undersökvägarna med den aktuella linjestilen.
StrokeRect(double, double, double, double)Målar en rektangel som har en startpunkt vid (x, y) och har aw-bredd och en h-höjd på duken, med den aktuella linjestilen.
StrokeText(string, double, double)Ritar (stryker) en given text vid den givna (x, y) positionen.
StrokeText(string, double, double, double?)Ritar (stryker) en given text vid den givna (x, y) positionen.
Transform(double, double, double, double, double, double)Multiplicerar den aktuella transformationsmatrisen med matrisen som beskrivs av dess argument.
Translate(double, double)Lägger till en översättningstransformation genom att flytta duken och dess ursprung x horisontellt och y vertikalt på rutnätet.

Se även

Interface ICanvasPattern Interface IImageData