将画布数据转换为图像画布.toDataurl 在 IE9 中不起作用



我有一个画布元素,里面有一个图形,我想创建一个按钮,当点击它时,它会将图像保存为png文件。所以它应该打开保存、打开、关闭对话框。。。

我使用这个代码

var canvas = document.getElementById("myCanvas");
window.open(canvas.toDataURL("image/png"));

但当我在IE9中测试它时,会打开一个新窗口,上面写着"网页无法显示",它的url是:

数据:image/png;底座64,iVBORw0KGgoAAAANSUhEUgAAAmAAAABpCAYAAACd+58xAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAADRwSURBVHhe7V0HgBVF0q7ZJSlJwRxAPUFRD39RFLN34qGnnomoqIjhzBlFPROIgsoZzogR5AQEzJ4BPFAUEUGJgQkCQKooggaf/6el6/6ZnpSW/zUn237u5MdXX1172+z6rqaqeEG6VsJet+pDW/vkdrfx3H3yfT2tVzaP26X6hkw1q/BoeI/280/29JwznZxJPUyXtBQBAQBqaBcECjefmi56BWlZYtAeqajx/WokfrJYEqOIikOFRfXoVq161PtOk2odu0t+ectqKiojnntWhC46QhYOtXfUarl79Ivy9/ldau+h+tX/8b2SbjJ07pWFQy2Uqnp2yXSrQJAoKAICAICALCAgBS8ao8iTi/UvpSZlBxiwqwWOKimsxCWtDettR3XqbEfFtRonkrBYArZh3fe0+senadWyEbRm1UzaP53K45ZiFc84RKyVXkbVUYWBAQQQyyqAELCsiFW2fDQpSyZk8UQMMysqKmaPWCOqt8mOVK/eTuQU1YuccCQW7dyq38/j5a/fN/ad3a5QQXmqsvLfGKJl0ZC FdONEOPl5lGV8QEAQEAUGghiMgBKzqLHCeHqVOrLtduF4MpZExEqoVq167A3bmjap34J/bmoFqcj2dM3Pr9GK+b1p5bJXmXz9nEC+3PriorYF4hcmXlo+gUrk+um/+e+QoVWfxxRJBQBAQBQQqBwE8uzCwiMiaEqOWYR5jJ2/6Hl58nYHk0Pr1v1Ov62cTytXfE5r1yyyc6RgDhjI16+L+tLqFZ9xnteGUKc0Xi876YpYkFDCfpqFEz9YGpRERhAQBAQBQaB8ERAPWPnim157JreX6/eK7eJ/Ge0RS8oPc9gT1pTqN2jFocltfdPxecBU2HHxgBTky+71CjPGCO+YyU4j0TU9ZcGf0y+JSAoCgoAgIAgIAo JATUcgG2dQ0jpKZ/Xp+PlLtEcs3huGQhO/r17K3rBvuGrEUt8i5HPAkHC/Yt6lKuwYKiuRM9tGbY0cerTBLwC/KY1fSNJ/MTBAQBQUAQqAwExANWGaiHx0z2aJl9CknET+MRc2XsVSKKaNP6O1CDhvtwYn5dJZf3gOG0IxLuS0e+LB4vw9sVhiwmHywmF6xqLLdYIQgIAoKAICAICAJVAQHTo2XmkNtzv6K5RXLOwRs3MaW+47SNkG9oRxZQmun6qbImCo84VSE+5pR3/zvFZJni/7e8THiCeqCkAqsKKig2CgCAgCgAgUG0RCBKzMLmwkzHdL4pk4XlUAn7Uu3XrVtPqVfO4lurPSq0KQa5cdAv9sBgM5XFPlKSPM8mcxES2hZtf0EMMFAUEK iBCEgIsqotavpk/OiwZViHPQk/LgHfHo5EnbCGjVpxeYo9yNmw9oeSn2YeTatWTPNzozzX8ZOeWPJlJVRJnrOoxUtJtmLEUMboartH7BEEBABQBCoJggIASu/hUqkUokC2rZkwSSCBU12wpadNXbpAk13vwwKlJ3O/L1QmYrxPNlDxuGyVtyIn6K8KSZHwY3XsRX+W0L0VyTEPjwM6KuFxN1uiB6Vkv48MpdjxLt9ieQvscuvWE13eh2jnQ9zv+F2aICAICACKCQGERH22559H5IqnDTMGeU/SgUJ7WNLjOVH9g8/Xrv2Fa4P9SM6K7y4t+WXRw76sfVc42fPV936iJ5+LKrbqTU0P3rA+0dZbEh20L9HJHYj23oVrHFT5U5NFnY4m6svUA0Vo8efbvjCBqtr0nN+IVot4Ddv1v5aoy/HJcpUpsfi3ofdknV0uWuJfv9kWjkw55VIFAfM073PE4EkqZbEBf9HMTs8C6e3KhHiPbdqzJnKWMLAoJAeSMgHrDyRrj0+rOEGvVoYY9Y0inIeE+YqQ+cqGGj3dgDtvJjC/mKm7BHmG68lGjO+0T

有人知道怎么解决这个问题吗?

因为他们从未实现过它。一个bug被提交,IE团队将其作为"设计"关闭,因为他们认为这是一个功能请求。

https://connect.microsoft.com/IE/feedback/details/587136/supporting-data-uris-for-all-resources

最新更新