更新记录

1.0.3（2025-07-25） 下载此版本

新增当前操作元素的监听事件，如位置信息，角度等等

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

隐藏按钮

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

更新文档

平台兼容性

uni-app(4.75)

uni-app x(4.75)

ys-canvas-edit

使用说明

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

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

</template>

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

Props

提供的方法

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

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

             exportimagefun(){
                 //导出图片并保存图片
                 this.$refs.ctx_ref.exportImage()
             },
             change(e){
                 console.log('元素信息：',e)
             }
         }
        }
</script>

交流群:1005031385