ยังมีข้อผิดพลาดบางประการใน Canvas ตัวอย่างเช่น fillRect เป็นวิธีการ ไม่ใช่แอตทริบิวต์ หากคุณเขียน fillRect= จะไม่มีผลใดๆ และจะไม่รายงานข้อผิดพลาด....
createRadialGradient API ถูกใช้ที่นี่ API นี้ได้รับพารามิเตอร์ 6 รายการ พารามิเตอร์สามรายการแรกแสดงถึงวงกลมด้านล่าง และสามรายการสุดท้ายแสดงถึงวงกลมด้านบน อินสแตนซ์ที่ส่งคืนยังคงสามารถใช้กับ addColorStop ได้
can2_context เป็นบริบทการวาดภาพแคนวาสของ getContext
ฟังก์ชั่น Radia (bottom_x,bottom_y,bottom_r,top_x,top_y,top_x; this.top_y=top_y; this.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(){ สำหรับ(var i=0; i<อาร์กิวเมนต์.ความยาว;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=รัศมีใหม่(canvas_2.width/2, canvas_2.height-100, 0, canvas_2.width/2, 0, 300)some1.addColor({num:0.2,color:blue},{num:1,สี:สีเหลือง},{num:0.7,สี:สีขาว })some1.draw(0, 0, canvas_2.width, canvas_2.height) สรุปข้างต้นคือเอฟเฟกต์การไล่ระดับสีกัมมันตภาพรังสี html5 ที่บรรณาธิการแนะนำ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใดๆ โปรดฝากข้อความถึงฉัน แล้วบรรณาธิการจะตอบกลับคุณทันเวลา ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!