命名不同源的下载属性

Question

关于使用“下载”属性。我试图在名称“myImage”下面的示例中给出我的图像。这是行不通的，因为我在这里陈述的原因：Download attribute with a file name not working?

我的问题是，反正有吗？

图像总是会在我的代码的不同服务器上。

<a download="myImage.jpg" href="http://hekman.picarioxpo.com/7267-Jordan.pfs?width=250&p.tn=7000-022.tif,Aged-Gray.tif">Download image</a>

Answer 1

您可以：

• 创建一个新的canvas元素
  • document.createElement('canvas')
• 创建一个新的形象eleme NT
  • new Image()
• 设置的onload函数图像绘制在画布
  • image.onload
  • canvas.getContext('2d').drawImage()
• 设置src你想
  • image.src
• 转换帆布数据URI
  • canvas.toDataURL()
• 把结果在你的锚

的href（这工作，因为跨域政策不适用于<img> src。）