مقالة مقدمة من wulin.com (www.vevb.com): تطبيق HTML5 Daily Training Canvas Tag - رسم رسومات التدرج الشعاعي.
لقد تعلمنا كيفية رسم الرسوم البيانية التدرجية الخطية باستخدام قماش ، واليوم سوف نتعلم كيفية رسم الرسوم البيانية التدرج الشعاعي. من خلال دراسة الفصل السابق ، نعلم أن رسم الرسوم البيانية التدرجية الخطية يستخدم وظيفة مهمة للغاية - CreateLineArgradiend () ؛
إذا أردنا رسم التدرج الشعاعي ، فلدينا طريقة مماثلة على النحو التالي:
XSTART: المحور الأفقي لنقطة البدء التدرج
YSTART: الإحداثيات الرأسية لنقطة البدء التدرج
Xend: المحور الأفقي نقطة التدرج
Yend: الإحداثي العمودي لنقطة نهاية التدرج
RADIUSSTARTRATT: نصف قطر الدائرة الذي يبدأ في التغيير
دائرة نصف قطرها: نصف قطر الدائرة ينتهي في التدرج
أخيرًا ، يمكننا رسم تدرج جميل جدًا من خلال طريقة AddColorStop التي تعلمناها في الفصل الأخير. يحتاج أيضًا إلى تعيين رقم نقطة عائم بين 0-1 كإزاحة لنقطة تحول التدرج.
حالة الكود بأكملها هي نفسها كما في الفصل السابق ، باستثناء: