Bir tuvalde DOM öğelerini (yabancı öğeler olarak SVG'ler) çizim Internet Explorer'da çalışmaz

Question

this tekniğini başarıyla kullandım, için DOM öğelerinden (giriş ve seçim alanları gibi) bir tuvalde kullanıcı girişi yapın ve görüntü olarak kullanılabilir.

• XML5634: Aynı adı zaten bu eleman üzerinde var olan bir özellik

  Bu Explorer 11 Krom, Safari ve Firefox'ta çalışıyor ama internette , aşağıdaki hatayı olsun . Satır: 1, Sütun 242, tam sitede denediğimde geliştirdim. Bu hata, isim ve kimlik alanlarında yinelenen değerler olduğunda, ancak DOM'deki her öğeyi kontrol ettiğimde ve hiçbiri olmadığında söz konusu hata gösterilir.

• Beklenmeyen yöntem veya özellik erişimi çağrısı., bu kemanın tüm prosedürünü yeniden oluşturmaya çalıştığımda: http://jsfiddle.net/5mf4n7v3/. Hata ayıklayıcısından, ctx.drawImage() çağrıldığında hatanın oluştuğu anlaşılıyor.

Esasen, ne bu keman yapmak çalışıyorum tuval bana sağladığı SVG sarı daire resmine ve keyfi bir SVG'yi, çizmek etmektir. Bu IE11 dışındaki tüm önemli tarayıcılarda çalışır gibi görünüyor. Aynı problemle karşılaşan başka bir çözüm var mı? yani artık IE çalışır

Answer 1

IE 10 <foreignObject> etiketi destek vermedi, ancak sana keman yeniden burada, tuval üzerine metin çizmek gerek yoktu - http://jsfiddle.net/skyr9999/5hhpo76h