uniapp海报画板

uniapp海报画板

主要可以用于生成海报，生成二维码，一款canvas海报组件，可根据自身需求使用JSON生成海报

首先先引入,先在Dcloud插件市场下载链接

// 非uni_modules引入方式
import lPainter from '@/components/lime-painter/'
// uni_modules引入方式
import lPainter from '@/uni_modules/lime-painter/components/lime-painter/'
export default {
    components: {lPainter}
}

基本用法

<l-painter :board="base"/>

export default {
    data() {
        return {
            base: {
                width: '686rpx',
                height: '130rpx',
                views: [
                    {
                        type: 'image',//text，文字image图片，qrcode二维码view盒子自定义
                        src: '../../static/avatar-1.jpeg',
                       // text: '左对齐,下划线\n无风才到地，有风还满空\n缘渠偏似雪，莫近鬓毛生',
                       //text: 'https://www.baidu.com',二维码
                        css: {
                            left: '0rpx',
                            top: '0rpx',
                            background: '#07c160',
                            width: '120rpx',
                            height: '120rpx'
                            borderRadius: '50%',
                        	border: '2rpx dashed rgb(7,193,96)'
                        }
                    },
                    {
                        type: 'image',
                        src: '../../static/avatar-1.jpeg',
                        //text: '左对齐,下划线\n无风才到地，有风还满空\n缘渠偏似雪，莫近鬓毛生',
                        //text: 'https://www.baidu.com',二维码
                        css: {
                            left: '180rpx',
                            top: '18rpx',
                            background: '#1989fa',
                            width: '80rpx',
                            height: '80rpx',
                            transform: 'transform: rotate(50deg)'
                            borderRadius: '50%',
                        	border: '2rpx dashed rgb(7,193,96)'
                        }
                    }
                ]
            }
        }
    }
}