تقدم هذه المقالة بشكل رئيسي HTML5 Canvas لرسم الخطوط المنقطة. لا يوفر HTML5 طريقة لرسم خطوط منقطة. تم تعديل هذه المقالة بناءً على طريقة مكدس فائض. يمكن للأصدقاء الذين يحتاجون إليها الرجوع إليها.
يوفر HTML5 Canvas العديد من الوظائف لرسم الرسومات ، ولكن لسوء الحظ ، توفر API Canvas فقط وظائف لرسم خطوط صلبة (Lineto) ، ولكنها لا توفر طرقًا لرسم الخطوط المنقطة. مثل هذا التصميم يمكن أن يسبب أحيانًا إزعاجًا كبيرًا. يعتقد ديفيد فلاناغان ، مؤلف الدليل الموثوق لجافا سكريبت ، أن مثل هذا القرار يمثل مشكلة ، خاصةً عندما يكون تعديل وتنفيذ المعايير بسيطًا نسبيًا (... شيء تافهة للغاية لإضافته إلى المواصفات وتنفيذها للتنفيذ ... أعتقد حقًا أنك ترتكب خطأً هنا –http: //lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-may/011224.html).
على Stack Overflow ، توفر Phrogz تنفيذها الخاص للخطوط المنقطة (http://stackoverflow.com/questions/4576724/dotted-stroke-in-canvas) ، وهو ما هو متحدث بشكل صارم هو تطبيق خطوط منتشرة (Ps I أعتقد أن النسخة المبسطة من Rod MacDougall على هذه الصفحة أفضل). لذا ، ما الذي يجب أن أفعله إذا كنت بحاجة إلى رسم خطوط منقطة (كما هو موضح في الشكل أدناه)؟
فيما يلي تنفيذي ، والذي يدعم فقط رسم الخطوط المنقطة الأفقية والرأسية. يمكنك الرجوع إلى طريقة Phrogz و Rod MacDougall لإضافة وظيفة الرسم المائل.
انسخ الرمز