HTML5 tuval klip Chrome

Question

Böyle bir tuval üzerinde birden kısaltıldı şekillerle etrafında oynuyorum ile javascript sorunu:

Ama (sadece Chrome'da), o tuval genişliğini veya yüksekliğini artırırsanız eleman 1px bile, tüm şekilleri oluşturmaz.

Herhangi bir fikrin var mı?

https://jsfiddle.net/entozoon/6fqq0567/

kod oldukça yalındır: jsfiddle göz at

for (i=1;i<=5;i++) { 
    ctx.save(); 

    // clipping mask 
    ctx.beginPath(); 
    ctx.arc(50 * i, 50, 20, 0, Math.PI * 2, true); 
    ctx.closePath(); 

    ctx.clip(); 

    // shape to be clipped 
    ctx.beginPath(); 
    ctx.fillStyle = "red"; 
    ctx.arc(50 * i, 70, 20, 0, Math.PI * 2, true); 
    ctx.closePath(); 
    ctx.fill(); 

    ctx.restore(); 
} 

- GÜNCELLEME -

Sorun yapmak olduğu ortaya çıktı 2D tuval ivmesi ile. Düzelten chrome: // bayraklarında 'Accelerated 2D canvas' özelliğini devre dışı bırakırsam.

Bu kesinlikle bir çözüm değil!

Grafiksel bir sorun olmalı ..? (evet güncel sürücülerim var, krom, vb.)

Answer 1

Win10, krom 50.0.2661.75 m ile aynı sorunu yaşıyorum. Sorun, 49'dan güncellendiğimde ve aynı işletim sistemi ve Chrome sürüm yapılandırmalarıyla tüm bilgisayarlarda tekrarlanamayacağımız zaman başladı, bu yüzden muhtemelen grafik donanımıyla ilgisi var, AMD Radeon HD6570 aldım. Ancak, en son 27.0.2713.0 kanarya kromunda, sorun tekrarlanabilir değil, bu yüzden krom 50 versiyonuna getirilen bir donanım işleme sorunu olduğunu anlayabiliyorum. (Soruyu yorumlayamıyorum, bu yüzden yararlı olabilecek bazı ekstra bilgiler yazdım)