Tuvaletten "DOM Özel Durum 18"

Question

Bir SVG görüntüsü alıyorum, onu bir tuval üzerine çiziyorum ve toDataURL yoluyla dışa aktarmaya çalışıyorum ancak Chrome bana DOM Özel Durumu 18 güvenlik hatasını atıyor. Sorun şu ki, SVG görüntüsünü bir veri URI şeması ile tuval üzerine çizdiğimden (veri: image/svg + xml; base64), bu yüzden tarayıcının bunu çapraz etki alanı (yani bir güvenlik sorunu) olarak gördüğünü düşünüyorum. ama SVG malzemelerini tuval üzerine almak için başka bir yol düşünemiyorum. SVG içerikleri önce toDataURL aracılığıyla dışa aktarılmaya ihtiyaç duymadan önce dinamik ve manipüle edildiğinden ev sahipliği yapıyorum.

Burada sorduğum diğer benzer soruların bazılarını okudum ama sorunum için herhangi bir çözüm bulamadım. Chrome'da

Answer 1

SVG kudreti bir foreignObject, here is the bug içerdiğinden bir canvas bunu taints üzerine herhangi SVG çizim. Chrome'un ayrıca data URI schemes and canvas ile ilgili sorunları var, bu nedenle çift bir whammy ile karşılaşıyorsunuz.

Answer 2

Aynı problemim var. Bir geçici çözüm olarak svg'yi tuval çağrılarına aktarmak için SVG to HTML5 Canvas Converter kullandım.