uni-app 小程序dom转img 生成海报插件Painter；解决引入网络图片真机显示空白问题；解决生成的图片模糊问题

最新推荐文章于 2024-07-11 14:17:48 发布

周小六

最新推荐文章于 2024-07-11 14:17:48 发布

阅读量3.2k

点赞数 2

分类专栏： painter dom转img 解决网络图片真机上显示空白文章标签：小程序 vue.js

本文链接：https://blog.csdn.net/qq_40576549/article/details/105978244

版权

本文介绍了uni-app中使用Painter插件生成海报的步骤，包括将DOM转为img并解决真机上网络图片显示空白的问题。通过设置安全域名、调整组件属性和强制更新，确保真机正常显示。同时，为解决生成图片模糊问题，建议将画布及元素按一定比例放大。

摘要由CSDN通过智能技术生成

先去下载插件github 下载 https://github.com/Kujiale-Mobile/Painter 下载好了把painter整个文件放在static里面
目录结构：
在这里插入图片描述
//pages.json 在需要生成海报的页面引入Painter，代码如下

{
   
			"path": "pages/post/havemedal",
			"style": {
   
				"navigationBarTitleText": "dom转img",
				"navigationStyle": &#

关注

专栏目录