Interface ICanvasRenderingContext2D

Namespace: Aspose.Html.Dom.Canvas
Assembly: Aspose.HTML.dll (25.1.0)

อินเตอร์เฟส ICanvasRenderingContext2D ใช้สำหรับการวาดสี่เหลี่ยม ข้อความ รูปภาพ และวัตถุอื่น ๆ ลงบนองค์ประกอบ canvas มันให้บริบทการเรนเดอร์ 2D สำหรับพื้นผิวการวาดขององค์ประกอบ canvas

[ComVisible(true)]
[DOMNoInterfaceObject]
[DOMObject]
public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

Implements

ICanvasDrawingStyles, ICanvasPathMethods

Properties

Canvas

การอ้างอิงกลับที่อ่านได้เฉพาะไปยัง HTMLCanvasElement อาจเป็น null หากไม่ได้เชื่อมโยงกับองค์ประกอบ canvas

[DOMName("canvas")]
HTMLCanvasElement Canvas { get; }

Property Value

HTMLCanvasElement

FillStyle

สีหรือสไตล์ที่ใช้ภายในรูปทรง ค่าเริ่มต้น: (สีดำ)

[DOMName("fillStyle")]
object FillStyle { get; set; }

Property Value

object

GlobalAlpha

ค่า Alpha ที่ใช้กับรูปทรงและภาพก่อนที่จะถูกประกอบลงบน canvas ค่าเริ่มต้น 1.0 (ทึบ)

[DOMName("globalAlpha")]
double GlobalAlpha { get; set; }

Property Value

double

GlobalCompositeOperation

เมื่อ globalAlpha ถูกนำไปใช้ จะกำหนดวิธีการวาดรูปทรงและภาพลงบน bitmap ที่มีอยู่ ค่าเริ่มต้น: (source-over)

[DOMName("globalCompositeOperation")]
string GlobalCompositeOperation { get; set; }

Property Value

string

ImageSmoothingEnabled

โหมดการปรับภาพ หากปิดใช้งาน รูปภาพจะไม่ถูกปรับหากถูกขยาย

[DOMName("imageSmoothingEnabled")]
bool ImageSmoothingEnabled { get; set; }

Property Value

bool

ShadowBlur

กำหนดผลกระทบการเบลอ ค่าเริ่มต้น 0

[DOMName("shadowBlur")]
double ShadowBlur { get; set; }

Property Value

double

ShadowColor

สีของเงา ค่าเริ่มต้นคือสีดำที่โปร่งใสเต็มที่

[DOMName("shadowColor")]
string ShadowColor { get; set; }

Property Value

string

ShadowOffsetX

ระยะห่างในแนวนอนที่เงาจะถูกเลื่อน ค่าเริ่มต้น 0

[DOMName("shadowOffsetX")]
double ShadowOffsetX { get; set; }

Property Value

double

ShadowOffsetY

ระยะห่างในแนวตั้งที่เงาจะถูกเลื่อน ค่าเริ่มต้น 0

[DOMName("shadowOffsetY")]
double ShadowOffsetY { get; set; }

Property Value

double

StrokeStyle

สีหรือสไตล์ที่ใช้สำหรับเส้นรอบรูปทรง ค่าเริ่มต้น: (สีดำ)

[DOMName("strokeStyle")]
object StrokeStyle { get; set; }

Property Value

object

Methods

AddHitRegion(Dictionary<string, string="">)

เพิ่มพื้นที่ที่ถูกตีไปยัง canvas สิ่งนี้ช่วยให้คุณทำการตรวจจับการตีได้ง่ายขึ้น ช่วยให้คุณสามารถส่งเสริมเหตุการณ์ไปยังองค์ประกอบ DOM และทำให้ผู้ใช้สามารถสำรวจ canvas ได้โดยไม่เห็นมัน

void AddHitRegion(Dictionary<string, string=""> options)

Parameters

options Dictionary<string, string>

อาร์กิวเมนต์ options เป็นอาร์กิวเมนต์ที่ไม่บังคับ เมื่อให้มา จะเป็น Object ที่สามารถมีคุณสมบัติได้

BeginPath()

เริ่มเส้นทางใหม่โดยการล้างรายการของ sub-paths เรียกใช้วิธีนี้เมื่อคุณต้องการสร้างเส้นทางใหม่

[DOMName("beginPath")]
void BeginPath()

ClearHitRegions()

ลบพื้นที่ที่ถูกตีทั้งหมดออกจาก canvas

[DOMName("clearHitRegions")]
void ClearHitRegions()

ClearRect(double, double, double, double)

ตั้งค่าพิกเซลทั้งหมดในสี่เหลี่ยมที่กำหนดโดยจุดเริ่มต้น (x, y) และขนาด (width, height) เป็นสีดำโปร่งใส ลบเนื้อหาที่วาดไว้ก่อนหน้านี้

[DOMName("clearRect")]
void ClearRect(double x, double y, double w, double h)

Parameters

x double

แกน x ของพิกัดสำหรับจุดเริ่มต้นของสี่เหลี่ยม

y double

แกน y ของพิกัดสำหรับจุดเริ่มต้นของสี่เหลี่ยม

w double

ความกว้างของสี่เหลี่ยม

h double

ความสูงของสี่เหลี่ยม

Clip()

สร้างพื้นที่ตัดใหม่โดยการคำนวณการตัดกันของพื้นที่ตัดปัจจุบันและพื้นที่ที่อธิบายโดยเส้นทาง โดยใช้กฎหมายเลขการหมุนที่ไม่เป็นศูนย์ subpaths ที่เปิดต้องถูกปิดโดยปริยายเมื่อคำนวณพื้นที่ตัด โดยไม่กระทบต่อ subpaths ที่แท้จริง พื้นที่ตัดใหม่จะแทนที่พื้นที่ตัดปัจจุบัน

[DOMName("clip")]
void Clip()

Clip(CanvasFillRule)

[DOMName("clip")]
void Clip(CanvasFillRule fillRule)

Parameters

fillRule CanvasFillRule

อัลกอริธึมที่ใช้ในการกำหนดว่าจุดใดอยู่ภายในเส้นทางหรืออยู่นอกเส้นทาง

Clip(Path2D, CanvasFillRule)

[DOMName("clip")]
void Clip(Path2D path, CanvasFillRule fillRule)

Parameters

path Path2D

เส้นทาง Path2D ที่จะตัด

fillRule CanvasFillRule

CreateImageData(double, double)

สร้างออบเจ็กต์ ImageData ใหม่ที่ว่างเปล่าพร้อมขนาดที่กำหนด พิกเซลทั้งหมดในออบเจ็กต์ใหม่จะเป็นสีดำโปร่งใส

[DOMName("createImageData")]
IImageData CreateImageData(double sw, double sh)

Parameters

sw double

ความกว้างที่ต้องการให้กับออบเจ็กต์ ImageData ใหม่

sh double

ความสูงที่ต้องการให้กับออบเจ็กต์ ImageData ใหม่

Returns

IImageData

ออบเจ็กต์ ImageData ใหม่ที่มีความกว้างและความสูงที่กำหนด ออบเจ็กต์ใหม่จะถูกเติมด้วยพิกเซลสีดำโปร่งใส

CreateImageData(IImageData)

[DOMName("createImageData")]
IImageData CreateImageData(IImageData imagedata)

Parameters

imagedata IImageData

ออบเจ็กต์ ImageData ที่มีอยู่ซึ่งจะถูกคัดลอกความกว้างและความสูง รูปภาพจะไม่ถูกคัดลอก

Returns

IImageData

CreateLinearGradient(double, double, double, double)

สร้างการไล่ระดับสีเชิงเส้นตามเส้นที่กำหนดโดยพิกัดที่แทนโดยพารามิเตอร์

[DOMName("createLinearGradient")]
ICanvasGradient CreateLinearGradient(double x0, double y0, double x1, double y1)

Parameters

x0 double

แกน x ของพิกัดของจุดเริ่มต้น

y0 double

แกน y ของพิกัดของจุดเริ่มต้น

x1 double

แกน x ของพิกัดของจุดสิ้นสุด

y1 double

แกน y ของพิกัดของจุดสิ้นสุด

Returns

ICanvasGradient

การไล่ระดับสีเชิงเส้น CanvasGradient

CreatePattern(HTMLImageElement, string)

สร้างลวดลายโดยใช้ภาพที่กำหนด (CanvasImageSource) มันทำซ้ำแหล่งในทิศทางที่กำหนดโดยอาร์กิวเมนต์การทำซ้ำ

[DOMName("createPattern")]
ICanvasPattern CreatePattern(HTMLImageElement image, string repetition)

Parameters

image HTMLImageElement

HTMLImageElement ที่จะใช้เป็นภาพเพื่อทำซ้ำ

repetition string

สตริงที่บอกวิธีการทำซ้ำภาพ

Returns

ICanvasPattern

ออบเจ็กต์ที่ทึบซึ่งอธิบายลวดลาย

CreatePattern(HTMLCanvasElement, string)

[DOMName("createPattern")]
ICanvasPattern CreatePattern(HTMLCanvasElement image, string repetition)

Parameters

image HTMLCanvasElement

HTMLCanvasElement ที่จะใช้เป็นภาพเพื่อทำซ้ำ

repetition string

สตริงที่บอกวิธีการทำซ้ำภาพ

Returns

ICanvasPattern

ออบเจ็กต์ที่ทึบซึ่งอธิบายลวดลาย

CreateRadialGradient(double, double, double, double, double, double)

สร้างการไล่ระดับสีเชิงกลมตามพิกัดของวงกลมสองวงที่แทนโดยพารามิเตอร์

[DOMName("createRadialGradient")]
ICanvasGradient CreateRadialGradient(double x0, double y0, double r0, double x1, double y1, double r1)

Parameters

x0 double

แกน x ของพิกัดของวงกลมเริ่มต้น

y0 double

แกน y ของพิกัดของวงกลมเริ่มต้น

r0 double

รัศมีของวงกลมเริ่มต้น

x1 double

แกน x ของพิกัดของวงกลมสิ้นสุด

y1 double

แกน y ของพิกัดของวงกลมสิ้นสุด

r1 double

รัศมีของวงกลมสิ้นสุด

Returns

ICanvasGradient

การไล่ระดับสีเชิงกลม CanvasGradient ที่เริ่มต้นด้วยวงกลมสองวงที่กำหนด

DrawFocusIfNeeded(Element)

หากองค์ประกอบที่กำหนดได้รับการเน้น วิธีนี้จะวาดวงแหวนโฟกัสรอบเส้นทางปัจจุบัน

[DOMName("drawFocusIfNeeded")]
void DrawFocusIfNeeded(Element element)

Parameters

element Element

องค์ประกอบเพื่อตรวจสอบว่ามีการเน้นหรือไม่

DrawImage(HTMLImageElement, double, double)

วาดภาพที่กำหนด

[DOMName("drawImage")]
void DrawImage(HTMLImageElement image, double dx, double dy)

Parameters

image HTMLImageElement

HTMLImageElement ที่จะวาดลงในบริบท

dx double

พิกัด X ใน canvas ปลายทางที่วางมุมซ้ายบนของภาพต้นฉบับ

dy double

พิกัด Y ใน canvas ปลายทางที่วางมุมซ้ายบนของภาพต้นฉบับ

DrawImage(HTMLCanvasElement, double, double)

วาดภาพที่กำหนด

[DOMName("drawImage")]
void DrawImage(HTMLCanvasElement image, double dx, double dy)

Parameters

image HTMLCanvasElement

HTMLCanvasElement ที่จะวาดลงในบริบท

dx double

พิกัด X ใน canvas ปลายทางที่วางมุมซ้ายบนของภาพต้นฉบับ

dy double

พิกัด Y ใน canvas ปลายทางที่วางมุมซ้ายบนของภาพต้นฉบับ

DrawImage(HTMLImageElement, double, double, double, double)

วาดภาพที่กำหนด

[DOMName("drawImage")]
void DrawImage(HTMLImageElement image, double dx, double dy, double dw, double dh)

Parameters

image HTMLImageElement

HTMLImageElement ที่จะวาดลงในบริบท

dx double

พิกัด X ใน canvas ปลายทางที่วางมุมซ้ายบนของภาพต้นฉบับ

dy double

พิกัด Y ใน canvas ปลายทางที่วางมุมซ้ายบนของภาพต้นฉบับ

dw double

ความกว้างในการวาดภาพใน canvas ปลายทาง สิ่งนี้ช่วยให้สามารถปรับขนาดภาพที่วาดได้ หากไม่ระบุ ภาพจะไม่ถูกปรับขนาดในความกว้างเมื่อวาด

dh double

ความสูงในการวาดภาพใน canvas ปลายทาง สิ่งนี้ช่วยให้สามารถปรับขนาดภาพที่วาดได้ หากไม่ระบุ ภาพจะไม่ถูกปรับขนาดในความสูงเมื่อวาด

DrawImage(HTMLCanvasElement, double, double, double, double)

วาดภาพที่กำหนด

[DOMName("drawImage")]
void DrawImage(HTMLCanvasElement image, double dx, double dy, double dw, double dh)

Parameters

image HTMLCanvasElement

HTMLCanvasElement ที่จะวาดลงในบริบท

dx double

พิกัด X ใน canvas ปลายทางที่วางมุมซ้ายบนของภาพต้นฉบับ

dy double

พิกัด Y ใน canvas ปลายทางที่วางมุมซ้ายบนของภาพต้นฉบับ

dw double

dh double

DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)

วาดภาพที่กำหนด

[DOMName("drawImage")]
void DrawImage(HTMLImageElement image, double sx, double sy, double sw, double sh, double dx, double dy, double dw, double dh)

Parameters

image HTMLImageElement

HTMLImageElement ที่จะวาดลงในบริบท

sx double

พิกัด X ของมุมซ้ายบนของสี่เหลี่ยมย่อยของภาพต้นฉบับที่จะวาดลงในบริบทปลายทาง

sy double

พิกัด Y ของมุมซ้ายบนของสี่เหลี่ยมย่อยของภาพต้นฉบับที่จะวาดลงในบริบทปลายทาง

sw double

ความกว้างของสี่เหลี่ยมย่อยของภาพต้นฉบับที่จะวาดลงในบริบทปลายทาง หากไม่ระบุ จะใช้สี่เหลี่ยมทั้งหมดจากพิกัดที่ระบุโดย sx และ sy ถึงมุมล่างขวาของภาพ

sh double

ความสูงของสี่เหลี่ยมย่อยของภาพต้นฉบับที่จะวาดลงในบริบทปลายทาง

dx double

พิกัด X ใน canvas ปลายทางที่วางมุมซ้ายบนของภาพต้นฉบับ

dy double

พิกัด Y ใน canvas ปลายทางที่วางมุมซ้ายบนของภาพต้นฉบับ

dw double

dh double

DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)

วาดภาพที่กำหนด

[DOMName("drawImage")]
void DrawImage(HTMLCanvasElement image, double sx, double sy, double sw, double sh, double dx, double dy, double dw, double dh)

Parameters

image HTMLCanvasElement

HTMLCanvasElement ที่จะวาดลงในบริบท

sx double

sy double

sw double

sh double

ความสูงของสี่เหลี่ยมย่อยของภาพต้นฉบับที่จะวาดลงในบริบทปลายทาง

dx double

พิกัด X ใน canvas ปลายทางที่วางมุมซ้ายบนของภาพต้นฉบับ

dy double

พิกัด Y ใน canvas ปลายทางที่วางมุมซ้ายบนของภาพต้นฉบับ

dw double

dh double

Fill()

เติม subpaths ด้วยสไตล์การเติมปัจจุบันและอัลกอริธึมเริ่มต้น CanvasFillRule.Nonzero

[DOMName("fill")]
void Fill()

Fill(CanvasFillRule)

เติม subpaths ด้วยสไตล์การเติมปัจจุบัน

[DOMName("fill")]
void Fill(CanvasFillRule fillRule)

Parameters

fillRule CanvasFillRule

Fill(Path2D)

เติม subpaths ด้วยสไตล์การเติมปัจจุบันและอัลกอริธึมเริ่มต้น CanvasFillRule.Nonzero

[DOMName("fill")]
void Fill(Path2D path)

Parameters

path Path2D

เส้นทาง Path2D ที่จะเติม

Fill(Path2D, CanvasFillRule)

เติม subpaths ด้วยสไตล์การเติมปัจจุบัน

[DOMName("fill")]
void Fill(Path2D path, CanvasFillRule fillRule)

Parameters

path Path2D

เส้นทาง Path2D ที่จะเติม

fillRule CanvasFillRule

FillRect(double, double, double, double)

วาดสี่เหลี่ยมที่เต็มไปด้วยที่ตำแหน่ง (x, y) ขนาดจะถูกกำหนดโดยความกว้างและความสูง

[DOMName("fillRect")]
void FillRect(double x, double y, double w, double h)

Parameters

x double

แกน x ของพิกัดสำหรับจุดเริ่มต้นของสี่เหลี่ยม

y double

แกน y ของพิกัดสำหรับจุดเริ่มต้นของสี่เหลี่ยม

w double

ความกว้างของสี่เหลี่ยม

h double

ความสูงของสี่เหลี่ยม

FillText(string, double, double)

วาด (เติม) ข้อความที่กำหนดที่ตำแหน่ง (x,y) ที่กำหนด

[DOMName("fillText")]
void FillText(string text, double x, double y)

Parameters

text string

ข้อความที่จะวาดโดยใช้ฟอนต์ปัจจุบัน, textAlign, textBaseline, และค่าทิศทาง

x double

แกน x ของพิกัดสำหรับจุดเริ่มต้นของข้อความ

y double

แกน y ของพิกัดสำหรับจุดเริ่มต้นของข้อความ

FillText(string, double, double, double)

วาด (เติม) ข้อความที่กำหนดที่ตำแหน่ง (x,y) ที่กำหนด

[DOMName("fillText")]
void FillText(string text, double x, double y, double maxWidth)

Parameters

text string

ข้อความที่จะวาดโดยใช้ฟอนต์ปัจจุบัน, textAlign, textBaseline, และค่าทิศทาง

x double

แกน x ของพิกัดสำหรับจุดเริ่มต้นของข้อความ

y double

แกน y ของพิกัดสำหรับจุดเริ่มต้นของข้อความ

maxWidth double

ความกว้างสูงสุดในการวาด หากระบุ และข้อความถูกคำนวณให้กว้างกว่าความกว้างนี้ ฟอนต์จะถูกปรับให้ใช้ฟอนต์ที่มีความหนาแน่นในแนวนอนมากขึ้น (หากมีอยู่หรือหากสามารถสร้างฟอนต์ที่อ่านได้อย่างเหมาะสมได้โดยการปรับขนาดฟอนต์ปัจจุบันในแนวนอน) หรือฟอนต์ที่เล็กกว่า

GetImageData(double, double, double, double)

ส่งคืนออบเจ็กต์ ImageData ที่แสดงถึงข้อมูลพิกเซลพื้นฐานสำหรับพื้นที่ของ canvas ที่ระบุโดยสี่เหลี่ยมซึ่งเริ่มที่ (sx, sy) และมีความกว้าง sw และความสูง sh วิธีนี้ไม่ถูกกระทบโดยเมทริกซ์การแปลง canvas

[DOMName("getImageData")]
IImageData GetImageData(double sx, double sy, double sw, double sh)

Parameters

sx double

พิกัด x ของมุมซ้ายบนของสี่เหลี่ยมที่ข้อมูล ImageData จะถูกดึงออกมา

sy double

พิกัด y ของมุมซ้ายบนของสี่เหลี่ยมที่ข้อมูล ImageData จะถูกดึงออกมา

sw double

ความกว้างของสี่เหลี่ยมที่ข้อมูล ImageData จะถูกดึงออกมา

sh double

ความสูงของสี่เหลี่ยมที่ข้อมูล ImageData จะถูกดึงออกมา

Returns

IImageData

ออบเจ็กต์ ImageData ที่มีข้อมูลภาพสำหรับสี่เหลี่ยมที่กำหนดของ canvas

IsPointInPath(double, double)

รายงานว่าจุดที่ระบุอยู่ภายในเส้นทางปัจจุบันหรือไม่

[DOMName("isPointInPath")]
bool IsPointInPath(double x, double y)

Parameters

x double

พิกัด X ของจุดที่จะตรวจสอบ

y double

พิกัด Y ของจุดที่จะตรวจสอบ

Returns

bool

ส่งคืน true หากจุดอยู่ภายในพื้นที่ที่มีการเติมของเส้นทาง มิฉะนั้น false

IsPointInPath(double, double, CanvasFillRule)

รายงานว่าจุดที่ระบุอยู่ภายในเส้นทางปัจจุบันหรือไม่

[DOMName("isPointInPath")]
bool IsPointInPath(double x, double y, CanvasFillRule fillRule)

Parameters

x double

พิกัด X ของจุดที่จะตรวจสอบ

y double

พิกัด Y ของจุดที่จะตรวจสอบ

fillRule CanvasFillRule

Returns

bool

ส่งคืน true หากจุดอยู่ภายในพื้นที่ที่มีการเติมของเส้นทาง มิฉะนั้น false

IsPointInPath(Path2D, double, double)

รายงานว่าจุดที่ระบุอยู่ภายในเส้นทางปัจจุบันหรือไม่

[DOMName("isPointInPath")]
bool IsPointInPath(Path2D path, double x, double y)

Parameters

path Path2D

เส้นทาง Path2D ที่จะตรวจสอบ

x double

พิกัด X ของจุดที่จะตรวจสอบ

y double

พิกัด Y ของจุดที่จะตรวจสอบ

Returns

bool

ส่งคืน true หากจุดอยู่ภายในพื้นที่ที่มีการเติมของเส้นทาง มิฉะนั้น false

IsPointInPath(Path2D, double, double, CanvasFillRule)

รายงานว่าจุดที่ระบุอยู่ภายในเส้นทางปัจจุบันหรือไม่

[DOMName("isPointInPath")]
bool IsPointInPath(Path2D path, double x, double y, CanvasFillRule fillRule)

Parameters

path Path2D

เส้นทาง Path2D ที่จะตรวจสอบ

x double

พิกัด X ของจุดที่จะตรวจสอบ

y double

พิกัด Y ของจุดที่จะตรวจสอบ

fillRule CanvasFillRule

Returns

bool

ส่งคืน true หากจุดอยู่ภายในพื้นที่ที่มีการเติมของเส้นทาง มิฉะนั้น false

IsPointInStroke(double, double)

รายงานว่าจุดที่ระบุอยู่ภายในพื้นที่ที่มีการตีของเส้นทางหรือไม่

[DOMName("isPointInStroke")]
bool IsPointInStroke(double x, double y)

Parameters

x double

พิกัด X ของจุดที่จะตรวจสอบ

y double

พิกัด Y ของจุดที่จะตรวจสอบ

Returns

bool

ส่งคืน true หากจุดอยู่ภายในพื้นที่ที่มีการตีของเส้นทาง มิฉะนั้น false

IsPointInStroke(Path2D, double, double)

รายงานว่าจุดที่ระบุอยู่ภายในพื้นที่ที่มีการตีของเส้นทางหรือไม่

bool IsPointInStroke(Path2D path, double x, double y)

Parameters

path Path2D

เส้นทาง Path2D ที่จะตรวจสอบ

x double

พิกัด X ของจุดที่จะตรวจสอบ

y double

พิกัด Y ของจุดที่จะตรวจสอบ

Returns

bool

ส่งคืน true หากจุดอยู่ภายในพื้นที่ที่มีการตีของเส้นทาง มิฉะนั้น false

MeasureText(string)

ส่งคืนออบเจ็กต์ TextMetrics

[DOMName("measureText")]
ITextMetrics MeasureText(string text)

Parameters

text string

ข้อความที่ต้องการวัด

Returns

ITextMetrics

ออบเจ็กต์ TextMetrics

PutImageData(IImageData, double, double)

วาดข้อมูลจากออบเจ็กต์ ImageData ที่กำหนดลงบน bitmap หากมีการระบุสี่เหลี่ยมที่สกปรก จะมีการวาดเฉพาะพิกเซลจากสี่เหลี่ยมนี้ วิธีนี้ไม่ถูกกระทบโดยเมทริกซ์การแปลง canvas

[DOMName("putImageData")]
void PutImageData(IImageData imagedata, double dx, double dy)

Parameters

imagedata IImageData

ออบเจ็กต์ ImageData ที่มีอาร์เรย์ของค่าพิกเซล

dx double

ตำแหน่งแนวนอน (พิกัด x) ที่จะวางข้อมูลภาพใน canvas ปลายทาง

dy double

ตำแหน่งแนวตั้ง (พิกัด y) ที่จะวางข้อมูลภาพใน canvas ปลายทาง

PutImageData(IImageData, double, double, double, double, double, double)

[DOMName("putImageData")]
void PutImageData(IImageData imagedata, double dx, double dy, double dirtyX, double dirtyY, double dirtyWidth, double dirtyHeight)

Parameters

imagedata IImageData

ออบเจ็กต์ ImageData ที่มีอาร์เรย์ของค่าพิกเซล

dx double

ตำแหน่งแนวนอน (พิกัด x) ที่จะวางข้อมูลภาพใน canvas ปลายทาง

dy double

ตำแหน่งแนวตั้ง (พิกัด y) ที่จะวางข้อมูลภาพใน canvas ปลายทาง

dirtyX double

ตำแหน่งแนวนอน (พิกัด x) พิกัดของมุมซ้ายบนของข้อมูลภาพของคุณ ค่าเริ่มต้นคือ 0

dirtyY double

ตำแหน่งแนวตั้ง (พิกัด y) พิกัดของมุมซ้ายบนของข้อมูลภาพของคุณ ค่าเริ่มต้นคือ 0

dirtyWidth double

ความกว้างของสี่เหลี่ยมที่จะถูกวาด ค่าเริ่มต้นคือความกว้างของข้อมูลภาพ

dirtyHeight double

ความสูงของสี่เหลี่ยมที่จะถูกวาด ค่าเริ่มต้นคือความสูงของข้อมูลภาพ

RemoveHitRegion(string)

ลบพื้นที่ที่ถูกตีที่มี id ที่ระบุออกจาก canvas

[DOMName("removeHitRegion")]
void RemoveHitRegion(string id)

Parameters

id string

สตริงที่แสดงถึง id ของพื้นที่ที่จะถูกลบ

ResetTransform()

รีเซ็ตการแปลงปัจจุบันโดยใช้เมทริกซ์เอกลักษณ์

[DOMName("resetTransform")]
void ResetTransform()

Restore()

กู้คืนสถานะสไตล์การวาดไปยังองค์ประกอบสุดท้ายใน ‘สแต็กสถานะ’ ที่บันทึกโดย save()

[DOMName("restore")]
void Restore()

Rotate(double)

เพิ่มการหมุนไปยังเมทริกซ์การแปลง อาร์กิวเมนต์ angle แสดงถึงมุมการหมุนตามเข็มนาฬิกาและแสดงเป็นเรเดียน

[DOMName("rotate")]
void Rotate(double angle)

Parameters

angle double

แสดงถึงมุมการหมุนตามเข็มนาฬิกาที่แสดงเป็นเรเดียน

Save()

บันทึกสถานะสไตล์การวาดปัจจุบันโดยใช้สแต็กเพื่อให้คุณสามารถย้อนกลับการเปลี่ยนแปลงใด ๆ ที่คุณทำโดยใช้ restore()

[DOMName("save")]
void Save()

Scale(double, double)

เพิ่มการปรับขนาดการแปลงไปยังหน่วย canvas โดย x ในแนวนอนและโดย y ในแนวตั้ง

[DOMName("scale")]
void Scale(double x, double y)

Parameters

x double

ปัจจัยการปรับขนาดในทิศทางแนวนอน

y double

ปัจจัยการปรับขนาดในทิศทางแนวตั้ง

SetTransform(double, double, double, double, double, double)

รีเซ็ตการแปลงปัจจุบันไปยังเมทริกซ์เอกลักษณ์ จากนั้นเรียกใช้วิธี transform() ด้วยอาร์กิวเมนต์เดียวกัน

[DOMName("setTransform")]
void SetTransform(double a, double b, double c, double d, double e, double f)

Parameters

a double

การปรับขนาดในแนวนอน

b double

การเอียงในแนวนอน

c double

การเอียงในแนวตั้ง

d double

การปรับขนาดในแนวตั้ง

e double

การเคลื่อนที่ในแนวนอน

f double

การเคลื่อนที่ในแนวตั้ง

Stroke()

วาดเส้นรอบรูป subpaths ด้วยสไตล์การตีปัจจุบัน

[DOMName("stroke")]
void Stroke()

Stroke(Path2D)

วาดเส้นรอบรูป subpaths ด้วยสไตล์การตีปัจจุบัน

[DOMName("stroke")]
void Stroke(Path2D path)

Parameters

path Path2D

เส้นทาง Path2D ที่จะตี

StrokeRect(double, double, double, double)

วาดสี่เหลี่ยมที่มีจุดเริ่มต้นที่ (x, y) และมีความกว้าง w และความสูง h ลงบน canvas โดยใช้สไตล์การตีปัจจุบัน

[DOMName("strokeRect")]
void StrokeRect(double x, double y, double w, double h)

Parameters

x double

แกน x ของพิกัดสำหรับจุดเริ่มต้นของสี่เหลี่ยม

y double

แกน y ของพิกัดสำหรับจุดเริ่มต้นของสี่เหลี่ยม

w double

ความกว้างของสี่เหลี่ยม

h double

ความสูงของสี่เหลี่ยม

StrokeText(string, double, double)

วาด (ตี) ข้อความที่กำหนดที่ตำแหน่ง (x, y) ที่กำหนด

[DOMName("strokeText")]
void StrokeText(string text, double x, double y)

Parameters

text string

ข้อความที่จะวาดโดยใช้ฟอนต์ปัจจุบัน, textAlign, textBaseline, และค่าทิศทาง

x double

แกน x ของพิกัดสำหรับจุดเริ่มต้นของข้อความ

y double

แกน y ของพิกัดสำหรับจุดเริ่มต้นของข้อความ

StrokeText(string, double, double, double?)

วาด (ตี) ข้อความที่กำหนดที่ตำแหน่ง (x, y) ที่กำหนด

[DOMName("strokeText")]
void StrokeText(string text, double x, double y, double? maxWidth)

Parameters

text string

ข้อความที่จะวาดโดยใช้ฟอนต์ปัจจุบัน, textAlign, textBaseline, และค่าทิศทาง

x double

แกน x ของพิกัดสำหรับจุดเริ่มต้นของข้อความ

y double

แกน y ของพิกัดสำหรับจุดเริ่มต้นของข้อความ

maxWidth double?

Transform(double, double, double, double, double, double)

คูณเมทริกซ์การแปลงปัจจุบันด้วยเมทริกซ์ที่อธิบายโดยอาร์กิวเมนต์ของมัน

[DOMName("transform")]
void Transform(double a, double b, double c, double d, double e, double f)

Parameters

a double

การปรับขนาดในแนวนอน

b double

การเอียงในแนวนอน

c double

การเอียงในแนวตั้ง

d double

การปรับขนาดในแนวตั้ง

e double

การเคลื่อนที่ในแนวนอน

f double

การเคลื่อนที่ในแนวตั้ง

Translate(double, double)

เพิ่มการแปลการแปลงโดยการเคลื่อนที่ canvas และต้นกำเนิดของมัน x ในแนวนอนและ y ในแนวตั้งบนกริด

[DOMName("translate")]
void Translate(double x, double y)

Parameters

x double

ระยะทางที่จะเคลื่อนที่ในทิศทางแนวนอน

y double

ระยะทางที่จะเคลื่อนที่ในทิศทางแนวตั้ง