لا تزال هناك بعض الأخطاء في اللوحة القماشية، على سبيل المثال، fillRect هي طريقة وليست سمة. إذا كتبت fillRect=، فلن يكون لها أي تأثير، ولن تبلغ عن خطأ....
يتم استخدام واجهة برمجة التطبيقات createRadialGradient هنا. تتلقى واجهة برمجة التطبيقات هذه 6 معلمات تمثل الثلاثة الأولى الدائرة السفلية، وتمثل الثلاثة الأخيرة الدائرة العليا. لا يزال من الممكن استخدام المثيل الذي تم إرجاعه مع addColorStop.
can2_context هو سياق الرسم القماشي لـ getContext
function Radia(bottom_x,bottom_y,bottom_r,top_x,top_y,top_r){ this.bottom_x=bottom_x; this.bottom_r=bottom_r; top_r; this.gradient=can2_context.createRadialGradient(this.bottom_x,this.bottom_y,this.bottom_r,this.top_x,this.top_y,this.top_r)}Radia.prototype.addColor=function(){ for(var i=0; أنا<arguments.length;i++){ this.gradient.addColorStop(arguments[i].num,arguments[i].color) }}Radia.prototype.draw=function(x1,y1,x2,y2){ can2_context.fillStyle=this.gradient; can2_context.fillRect (x1,y1,x2,y2)}var some1=new Radia(canvas_2.width/2, Canvas_2.height-100, 0, Canvas_2.width/2, 0, 300)some1.addColor({num:0.2,color:blue},{num:1,color:yellow},{num:0.7,color:white })some1.draw(0, 0, Canvas_2.width, Canvas_2.height) تلخيصما ورد أعلاه هو تأثير التدرج الإشعاعي لرسم قماش html5 الذي قدمه المحرر، وآمل أن يكون مفيدًا لك. إذا كانت لديك أي أسئلة، فيرجى ترك رسالة لي وسيرد عليك المحرر في الوقت المناسب. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!