2016-03-20 10 views
2

<canvas> öğesi ve 2d içeriği kullanılarak oluşturulan basit bir Koparma klonum var.Chrome Boşlukları değiştirirken Mac OS X'teki Canvas hatası?

iken Google Chrome oyunu oynarken (sürüm: 49.0.2623.87 (64-bit)) Mac OS X içinde (versiyon: 10.11.3) boşluk geçerseniz ardından uzaya geri dönmek hangi Chrome'u içeriyorsa, Chrome kanvasının% 80'ini kaplayan beyaz bir dikdörtgenle işleniyor. Bu, sonraki tam tuvalde bile kalıyor clearRect() ve yeniden çiziliyor. Tek garantili yol (belgeyi tamamen yeniden yüklemeden), bu sorunu çözmek için kromdaki farklı bir sekmeye geçmek ve sonra geri dönmek. Bu sorun, en son Safari veya Firefox sürümlerinde bulunmaz.

Görüntü anahtarlama boşluklar öncesinde: Image prior to switching spaces

Görüntü konuyla boşluk geçtikten sonra: Image after switching spaces with issue

Ben de Başlangıçta oyun duraklatıldıysa, sorunun bir ekran kaydı kaydetmiş ve önümüzdeki geçmek FireFox'un aynı oyunla yüklendiği Mac OS X'de yer alan, Chrome ile alana geri dönüyorum ve her şey yolunda, oyunu küçük bir süre oynatıyorum ve sonra tekrar duraklatıp Mac OS X'te bir sonraki boşluğa geçin Firefox'ta oyun yüklü olan ve herhangi bir sorun olmadığını görebiliyorsunuz, sonra sp'ye geri dönüyorum Chrome ile as, konuyu tekrar açarak kendini gösterir. Daha sonra, Chrome'da yeni bir sekme oluşturup sorunu gidermek için ayrılma oyunuyla sekmeye geri dönüyorum.

Bunu daha önce hiç tecrübe etmiş ve/veya nasıl düzelteceğini biliyor mu?

Teşekkür

+1

Bir webapp geliştirirken bir Mac ile aynı problemi var. Tuvali çizersem, başka bir sekmeye gidip webapp sekmesine geri dönersek, tuval temizlenir ve ne yapmaya çalışırsam yapayım, tuvali tekrar çizmeyeceğim. – Julian

+1

Benim için çalıştığı tek hack, çalışmayan tuvali dinamik olarak kaldırmak, yeni bir tuval eklemek ve onu window.onfocus olayına (aynı krom sürümüne) geri yüklemek oldu (aynı krom sürümü) – Julian

+1

Aynı sorunu yaşıyorum. Ben bu şekilde document.addEventListener ("visibilitychange", function() { var oldWidth = canvas.width canvas.width = oldWidth + 1 canvas.width = oldWidth // yeniden çizme tuval içeriği ile düzeltmek için idare ettik burada }); –

cevap

1

Bu https://crbug.com/588434 izlenebilir görünüyor - bir düzeltme gitti ve Chrome 50 ve 49 çatısı altına girmiştir gibi görünüyor - bu Chrome'a ​​sonraki güncelleme görünecektir yani o 50 yükseltme olsun ya da bir güvenlik itmesi 49.