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

先去下载插件github 下载 https://github.com/Kujiale-Mobile/Painter 下载好了把painter整个文件放在static里面
目录结构:
uni-app 小程序dom转img 生成海报插件Painter;解决引入网络图片真机显示空白问题;解决生成的图片模糊问题_第1张图片
//pages.json 在需要生成海报的页面引入Painter,代码如下

{
			"path": "pages/post/havemedal",
			"style": {
				"navigationBarTitleText": "dom转img",
				"navigationStyle": "default",
				"navigationBarBackgroundColor":"#fed931",
				"navigationBarTextStyle":"black",
				"mp-weixin": {
					"usingComponents": {
						"painter":"/static/painter/painter"
					}
				}
			}
}

问题1:服务器里的图片在微信开发者工具里面预览生成海报正常,在真机上测试不显示。
解决方法:1.微信后台添加安全域名(开发->开发设置->服务器域名)
2.给painter组件加上属性: dirty=“true” 默认是false
在这里插入图片描述

问题2:生成图片不清晰
解决方法:把画布的宽高统一放大倍数里面的元素也需要放大(this.canvasScale = 2)
uni-app 小程序dom转img 生成海报插件Painter;解决引入网络图片真机显示空白问题;解决生成的图片模糊问题_第2张图片

你可能感兴趣的:(painter,dom转img,解决网络图片真机上显示空白)