将canvas.toDataURL（）指定为锚标记的href [英] assign canvas.toDataURL() as href to anchor tag

问题描述

我正在使用此代码在使用HTML5 canvas创建的浏览器中下载图像。这在Chrome中运行良好但在IE上不起作用

  var  downloadLink =  document  .createElement（  a）; 
 downloadLink.download = filename; 
 downloadLink.target =   _ blank; 
 downloadLink.innerHTML =  下载文件; 
  if （ window  .webkitURL！==  null ）{
  //   Chrome允许点击该链接 
 downloadLink.href = canvaso.toDataURL（）; 
} 
 downloadLink.click（）; 

解决方案

根据这个 - http://msdn.microsoft.com/en-us/library/cc848897(v=vs.85） .aspx [ ^ ] - IE不支持< a>上的数据URI。元件！

I am using this code to download image in browser which is created using HTML5 canvas.This works fine in chrome but doesn't work on IE

var downloadLink = document.createElement("a");
downloadLink.download = filename;
downloadLink.target = "_blank";
downloadLink.innerHTML = "Download File";
if (window.webkitURL !== null) {
// Chrome allows the link to be clicked
 downloadLink.href = canvaso.toDataURL();
}
downloadLink.click();

解决方案

According to this - http://msdn.microsoft.com/en-us/library/cc848897(v=vs.85).aspx[^] - IE does not support data URI on <a> element!

这篇关于将canvas.toDataURL（）指定为锚标记的href的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！