问题描述
在通过数据 URL 从画布下载 PNG 时，我在尝试使下载属性对锚标记起作用时遇到困难。
本质上，我想在 HTML5 画布上绘图，并将绘图下载为 png。我一直在使用 canvas.toDataURL() 来生成 href 属性，尽管附加的示例使用了预制的数据 URL。
在 iOS 版 Google Chrome 上，下载属性似乎无法正常运行。下载的文件简称为“文档”，没有扩展名，因此无法将图像保存到我的 iPhone 的相机胶卷中。我使用过的所有其他浏览器都没有这个问题（Mac 和 PC 的 Chrome，Mac 和 iOS 的 Safari）。
这是一个指向演示该问题的 test page on my website 的链接。这是我的 Codepen 的链接，尽管它的行为有所不同（Codepen 无法下载任何内容，只是打开图像）。
相关代码如下：（我已经缩短了Data URL）
<a download='test.png' target='_blank' href='data:image/png;base64,iV...gg=='>Click me to download</a>
<br><br>
<img src='data:image/png;base64,iV...gg=='>
有什么办法可以确保下载的文件的扩展名为 .png 吗？
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）