运维日志您现在的位置是:首页 > 博客日志 > 运维日志

Not allowed to navigate top frame to data URL

<a href='mailto:'>微wx笑</a>的头像微wx笑 2023-12-14运维日志 0 0关键字: canvas   DataURL  

想实现下载 canvas 生成的 DataURL 的图片的时候,将 window.location 指定为 DataURL,就会遇到这个错误;解决方法:// canvas 为canvas的dom节点// name 为生成图片的名字functio

想实现下载 canvas 生成的 DataURL 的图片的时候,将 window.location 指定为 DataURL,就会遇到这个错误;p5U无知


p5U无知

解决方法:p5U无知

// canvas 为canvas的dom节点
// name 为生成图片的名字
function downLoadImage(canvas,name) {
  var a = document.createElement("a");
  a.href = canvas.toDataURL();
  // download 属性定义了下载链接的地址
  a.download = name;
  a.click();
}

参考:p5U无知

js将canvas生成图片并保存到本地p5U无知


p5U无知

本文由 微wx笑 创作,采用 署名-非商业性使用-相同方式共享 4.0 许可协议,转载请附上原文出处链接及本声明。
原文链接:https://www.ivu4e.cn/blog/service/2023-12-14/1981.html

很赞哦! () 有话说 ()