я начинаю немного сходить с ума…
пытался воспользоваться советом Артёма и нарисовать простую картинку с градиентом в качестве заготовки.
Код:
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(100,0);
ctx.lineTo(100,100);
ctx.lineTo(0,100);
ctx.lineTo(0,0);
ctx.closePath();
var gr = ctx.createRadialGradient(75,75,20,50,50,40);
gr.addColorStop(0.0,'#0F0');
gr.addColorStop(1.0,'#0DA805');
ctx.fillStyle = gr;
ctx.fill();
чтобы должно быть, можно себе представить. а вот что рисуют наши браузеры:
dino.fornax.uberspace.de/test/index3.html
где-то здесь элементарная ошибка, но я её в упор не вижу…