我已成功使用
this技术,从画布上的DOM元素(如输入和选择字段)中绘制用户输入,并使其可用作图像.
这在Chrome,Safari和Firefox中运行良好,但在Internet Explorer 11上,我收到以下错误:
> XML5634:此元素上已存在具有相同名称的属性.行:1,第242列,当我尝试完整的网站时,我已经
发达.假设在name和id字段上有重复值但是我检查了DOM上的每个元素并且没有.
>对方法或属性访问的意外调用.,当我尝试在这个小提琴上重现整个过程时:http://jsfiddle.net/5mf4n7v3/.从调试器看来,调用ctx.drawImage()时会发生错误.
基本上,我在这个小提琴中试图做的是在画布上绘制SVG黄色圆圈图像和由我提供的任意SVG.这似乎适用于IE11以外的所有主流浏览器.有没有其他人遇到过同样的问题并知道一些解决方法?
解决方法
IE 10不支持< foreignObject>标签,但你不需要它在画布上绘制文字,这里我重写你的小提琴,所以现在它适用于IE –
http://jsfiddle.net/skyr9999/5hhpo76h