更新记录

1.0.0（2022-08-01）

首次提交

平台兼容性

uni-app

uni-app x

使用说明

使用示例

<template>
    <view class="content">
        <cv-view :cv="{lazy:true}" ref="cv" :loadImage="false" @onImage="onImage"></cv-view>
    </view>
</template>

其中loadImage为true时，绘制完成时@onImage会被调用，并输出一个图片的本地路径，canvas本身不会显示 其中loadImage为false时，绘制完成时@onImage不会被调用，界面上会展示绘制出的布局 其中cv的示例如下

{
    "rect": {
        "color": "",
        "components": [
            {
                "name": "rect",
                "props": {
                "display": "row",  
                "components":[{
                    "name": "rect",
                    "props": {
                        "w":15,
                        "h":15,
                        "color": "#00ff00"
                    }
                },{
                    "name":"text",
                    "props":{
                        "marginLeft":22,
                        "content":"我是标题",
                        "size":22
                    }
                }]  
                }
            },
            {
                "name": "text",
                "props": {
                    "color": "#00ff00",
                    "content": "哈哈",
                    "size": 16
                }
            },
            {
                "name": "image",
                "props": {
                    "h": 20,
                    "w": 20,
                    "filePath": "/static/logo.png"
                }
            },
            {
                "name": "text",
                "props": {
                    "color": "#00ff00",
                    "content": "哈哈",
                    "size": 16,
                    "marginTop":16,
                    "marginLeft":16
                }
            }
        ],
        "display": "col"
    }
}

暂时只支持rect\text\image 布局支持 col\row 属性支持 margin\size\color 等等