Skip to content

移动端不生效 #13

@Shugonghua

Description

@Shugonghua

请问一下使用uniapp开发微信小程序使用本插件生效不?
我用了之后是没有生效的。

<view id="leafer" @touchstart="receiveEvent" @touchmove="receiveEvent" @touchend="receiveEvent"
@touchcancel="receiveEvent">



<script setup lang="ts"> import { nextTick } from 'vue' import drawVue from '../draw/draw.vue'; import { onReady } from '@dcloudio/uni-app' import { App, Rect, useCanvas, Text } from '@leafer-ui/miniapp' import '@leafer-in/editor' // 导入图形编辑器插件 import '@leafer-in/animate' // 导入动画插件 // import '@leafer-in/viewport' // 导入视口插件 import { EditorEvent } from '@leafer-in/editor'; import { Ruler } from 'leafer-x-ruler' //标尺插件 import { ScrollBar } from '@leafer-in/scroll' // 导入滚动条插件 useCanvas('canvas', uni) // 绑定平台全局变量 const rect = new Rect({ x: 0, y: 0, width: 100, height: 100, fill: '#32cd79', editable: true, draggable: true, cornerRadius: [20, 20, 20, 20] }) const text = new Text({ x: 10, y: 150, editable: true, draggable: true, fill: '#2E2E2E', fontSize: 40, text: '你好 Hello', closed: true, }) const text2 = new Text({ x: 100, y: 0, editable: true, draggable: true, fill: '#2E2E2E', fontSize: 150, textAlign: 'left', // verticalAlign: '', // height: 150, // lineHeight: 1, text: '123456', closed: true, }) let app : App onReady(async () => { app = new App({ view: 'leafer', mobile: true, // 优化手机端体验 tree: { canvas: 'leafer-tree', type: 'document' }, // 需指定canvas sky: { canvas: 'leafer-sky' }, editor: { stroke: '#57B3FF', circle: { width: 10, height: 10 }, editSize: 'size', // 默认修改元素宽高 rect: { dashPattern: [8, 5] }, point: { width: 8, height: 8, cornerRadius: 0, editConfig: { editSize: 'font-size' } // 拖拽控制点修改字体大小 }, } }) app.tree.add([rect, text, text2]) // 监听选择事件 app.editor.on(EditorEvent.SELECT, (e : EditorEvent) => { console.log("触发监听事件", e.editor.list) }) // 窗口滚动条样式 new ScrollBar(app, { theme: { fill: '#32cd79' } }) // 实例化标尺插件 const ruler = new Ruler(app, { enabled: true, ruleSize: 20, }) // 启用、禁用 ruler.enabled = true }) function receiveEvent(event : TouchEvent) { // console.log("互动", event); app.receiveEvent(event) // 需手动接收、传递画布交互事件给leafer } </script>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions