uni-app html2canvas,uni版本的 html-to-canvas

更新记录

1.0.1(2021-01-24)

基于微信小程序 wxml-to-canvas 改版的 uni版本的 html-to-canvas

gitee 完整可运行项目，并包含使用案例

插件市场现有的生成海报、分享图等固定模板都不是自己想要的，怎么办，试试这个，你只管写代码，生成的事，不用管，不用再头疼怎么用canvas生成图片了

使用前请看这里

目前只测试了h5与微信小程序，代码中的#ifdef判断 暂时也限制为 H5 与 MP,其它的后续会视情况增加，也欢迎其他人提交

H5查看示例时，建议内置浏览器查看， uni.canvasToTempFilePath在 H5端需要支持跨域才能访问

根据微信小程序wxml-to-canvas封装，支持的 css 属性及写法 一定一定 要 按 官方文档

使用

1、页面引用

import xWxmlToCanvas from '@/components/x-wxml-to-canvas/x-wxml-to-canvas';

2、components声明

components: {

xWxmlToCanvas

}

3、使用

4、方法调用

this.$refs.xWxmlToCanvas.renderToCanvas() //渲染至canvas

this.$refs.xWxmlToCanvas.canvasToTempFilePath() //生成图片

相关字段

字段

类型

默认值

描述

hide

B