更新记录

1.0.2（2025-01-06） 下载此版本

隐藏按钮

1.0.1（2025-01-06） 下载此版本

更新文档

1.0.0（2025-01-06） 下载此版本

1.0.0

平台兼容性

ys-canvas-edit

使用说明

// 可以编辑的画布
// 将插件导入到Hubilder之后,直接通过标签使用<ys-canvas-edit />
// 只需配置容器的宽高即可，提供了3个方法，目前只支持微信小程序
<template>

        <ys-canvas-edit :width="100vw" :height="100vh" ref="ctx_ref"></ys-canvas-edit>

</template>

<script>
    export default {
        data() {
            return {
            }
        }
</script>

Props

提供的方法

<script>
    export default {
         methods:{
             addtextfun(){
                 //添加文本，可以设置颜色字体大小，字体等
                 this.$ref.ctx_ref.addText({
                    content: '红色文字',
                    color: '#FF0000',
                    fontSize: 24,
                    fontFamily: 'bold sans-serif'
                 })
             },

             addimagefun(){
                 //添加图片，直接调用即可，默认是选择一张图片    
                 this.$ref.ctx_ref.addImage()
             },

             exportimagefun(){
                 //导出图片并保存图片
                 this.$ref.ctx_ref.exportImage()
             },
         }
        }
</script>

交流群

群号：1005031385