Interface ICanvasRenderingContext2D

ICanvasRenderingContext2D interface

تُستخدم واجهة ICanvasRenderingContext2D لرسم المستطيلات والنصوص والصور والكائنات الأخرى على عنصر لوحة الرسم. يوفر سياق العرض ثنائي الأبعاد لسطح الرسم لعنصر قماش.

public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

الخصائص

اسموصف
Canvas { get; }مرجع خلفي للقراءة فقط إلى HTMLCanvasElement. قد يكون فارغًا إذا لم يكن مرتبطًا بعنصر لوحة الرسم .
FillStyle { get; set; }لون أو نمط لاستخدام الأشكال الداخلية. الافتراضي: (أسود) .
GlobalAlpha { get; set; }قيمة Alpha التي يتم تطبيقها على الأشكال والصور قبل تكوينها على اللوحة القماشية. الافتراضي 1.0 (كامد) .
GlobalCompositeOperation { get; set; }مع تطبيق globalAlpha ، يعيّن هذا كيفية رسم الأشكال والصور على الصورة النقطية الموجودة. الافتراضي: (المصدر أكثر)
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)يضبط جميع وحدات البكسل في المستطيل المحدد بنقطة البداية (س ، ص) والحجم (العرض والارتفاع) إلى أسود شفاف ، مع محو أي محتوى تم رسمه مسبقًا.
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)رسم مستطيل ممتلئ عند موضع (س ، ص) يتم تحديد حجمه بالعرض والارتفاع.
FillText(string, double, double)رسم (يملأ) نصًا معينًا في الموضع المحدد (x ، y) .
FillText(string, double, double, double)رسم (يملأ) نصًا معينًا في الموضع المحدد (x ، y) .
GetImageData(double, double, double, double)إرجاع كائن ImageData يمثل بيانات البكسل الأساسية لمنطقة اللوحة القماشية المشار إليها بواسطة المستطيل الذي يبدأ عند (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 المحدد على الصورة النقطية. في حالة توفير مستطيل متسخ ، يتم رسم وحدات البكسل من هذا المستطيل فقط. لا تتأثر هذه الطريقة بمصفوفة تحويل اللوحة القماشية.
PutImageData(IImageData, double, double, double, double, double, double)يطلي البيانات من كائن ImageData المحدد على الصورة النقطية. في حالة توفير مستطيل متسخ ، يتم رسم وحدات البكسل من هذا المستطيل فقط. لا تتأثر هذه الطريقة بمصفوفة تحويل اللوحة القماشية.
RemoveHitRegion(string)يزيل منطقة النتائج بالمعرف المحدد من اللوحة .
ResetTransform()يعيد تعيين التحويل الحالي بمصفوفة الهوية.
Restore()يعيد حالة نمط الرسم إلى العنصر الأخير في “مكدس الحالة” المحفوظ بواسطة الحفظ () .
Rotate(double)إضافة دوران إلى مصفوفة التحويل. تمثل وسيطة الزاوية زاوية دوران في اتجاه عقارب الساعة ويتم التعبير عنها بالراديان.
Save()يحفظ حالة نمط الرسم الحالية باستخدام مكدس حتى تتمكن من التراجع عن أي تغيير تقوم بإجرائه عليه باستخدام الاستعادة () .
Scale(double, double)يضيف تحويل تغيير الحجم إلى وحدات اللوحة القماشية بواسطة x أفقيًا وعموديًا.
SetTransform(double, double, double, double, double, double)يعيد تعيين التحويل الحالي إلى مصفوفة الهوية ، ثم يستدعي طريقة التحويل () بنفس الوسائط.
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 عموديًا على الشبكة.

أنظر أيضا