canvas生成海报toDataUrl报错,解决方案
2021/11/20 23:13:45
本文主要是介绍canvas生成海报toDataUrl报错,解决方案,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
微信公众号H5页面,生成带参数二维码海报的思路。
一、生成带参数二维码
使用插件phpqrcode,这个功能在之前的文章中有记录。不在赘述。
二、生成canvas画布
先将海报内容通过cavans画出来。再将canvas图片利用toDataUrl转换为Base64编码。然后,将Base64编码复制给图片显示出来。
var canvas = document.getElementById("myCanvas"); var imgBase64=canvas.toDataURL("image/png"); var oimg = document.getElementById("img"); oimg.src=imgBase64;
三、显示的图片可以通过长按保存来实现存储。
注意:canvas画布中所有的元素都需要加载完毕,否则会出现toDataUrl报错的。
因此,所有的图片或文档的属性上需要加上:crossorigin=“anonymous”
这篇关于canvas生成海报toDataUrl报错,解决方案的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-01IMAP/SMTP服务 和 POP3/SMTP服务的区别是什么?-icode9专业技术文章分享
- 2024-10-01阿里云服务器无法访问25 SMTP端口怎么解决-icode9专业技术文章分享
- 2024-10-01ethers 获取以太链余额的方法代码示例-icode9专业技术文章分享
- 2024-10-01AntDesign-icons学习:入门级教程详解
- 2024-09-30Fetch / Axios学习:新手入门教程
- 2024-09-30Pre-commit 自动化测试学习:从入门到实践
- 2024-09-29document对象教程:新手入门指南
- 2024-09-29端到端的 AWS DevOps 项目:使用 ECR 和 RDS 的 ECS Fargate 的 CI/CD 管道
- 2024-09-28pyqt 怎么打包整个项目-icode9专业技术文章分享
- 2024-09-28laravel Commands 创建带有参数的 Artisan 命令的步骤和示例-icode9专业技术文章分享