更新记录

1.0.0（2020-10-22） 下载此版本

1.发布海报生成组件

平台兼容性

canvas 海报分享

基本用法

定一个画板对象，包含width、height、background，views为画板里的元素集，它是一个数组对象。
元素类型目前有view、text、image
css 对象里的位置都是相对于画板的绝对定位，支持rpx、px

<lyz-canvas  :board="base"></lyz-canvas>

export default {
    data() {
        return {
            base {
                width: '686rpx',
                height: '130rpx',
                views: [
                    {
                        type: 'view',
                        css: {
                            left: '0rpx',
                            top: '0rpx',
                            background: '#07c160',
                            width: '120rpx',
                            height: '120rpx'
                        }
                    },
                    {
                        type: 'view',
                        css: {
                            left: '180rpx',
                            top: '18rpx',
                            background: '#1989fa',
                            width: '80rpx',
                            height: '80rpx',
                            rotate: 50
                        }
                    }
                ]
            };
        }
    }
}

平台兼容

API

Props

Board

元素 View

元素 text

元素 image

事件 Events