Ainda existem algumas armadilhas no canvas. Por exemplo, fillRect é um método, não um atributo. Se você escrever fillRect=, não terá efeito e não reportará um erro....
A API createRadialGradient é usada aqui. Esta API recebe 6 parâmetros. Os três primeiros representam o círculo inferior e os três últimos representam o círculo superior.
can2_context é o contexto de desenho da tela de getContext
função Radia(bottom_x,bottom_y,bottom_r,top_x,top_y,top_r){ this.bottom_x=bottom_x; this.bottom_y=bottom_y; topo_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; i<argumentos.comprimento;i++){ this.gradient.addColorStop(argumentos[i].num,argumentos[i].color) }}Radia.prototype.draw=function(x1,y1,x2,y2){ can2_context.fillStyle=this.gradient; (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,cor:azul},{num:1,cor:amarelo},{num:0,7,cor:branco })some1.draw(0, 0, canvas_2.width, canvas_2.height) ResumirO texto acima é o efeito gradiente radioativo de desenho em tela HTML5 apresentado pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e o editor responderá a tempo. Gostaria também de agradecer a todos pelo apoio ao site de artes marciais VeVb!