leafer-ui icon indicating copy to clipboard operation
leafer-ui copied to clipboard

小程序taro中如何实现缩放?

Open hcweb opened this issue 2 months ago • 2 comments

leaferCurrent.current = new Leafer({ view: "leafer", type: "viewport", mobile: true, });

我设置为为mobile然后监听缩放并没有触发,以下代码并没有打印

leaferCurrent.current?.on(LeaferEvent.SCALE, function () { // 缩放视图、或修改scale后,这里可以实时收到缩放比例变化 console.log("leafer.scale", leaferCurrent.current?.scaleX); });

另外 <View onClick={() => penCurrent.current?.clearPath()}>撤销</View> pen如何实现点击一次撤销就撤回一步 再点一次就撤回二步,以此类推

hcweb avatar Oct 16 '25 16:10 hcweb

taro使用示例:

https://www.leaferjs.com/ui/guide/install/ui/miniapp/taro.html

缩放视图需要再导入viewport 插件:

https://www.leaferjs.com/ui/plugin/in/viewport/

leaferjs avatar Oct 17 '25 02:10 leaferjs

已经导入了的 小程序端通过手机双指滑动缩放依然无效 ` import React, { useEffect, useRef, useState } from "react"; import { Canvas, View } from "@tarojs/components"; import Taro, { useLoad } from "@tarojs/taro"; import { DragEvent, Leafer, LeaferEvent, Pen, Rect, useCanvas, } from "@leafer-ui/miniapp"; import "@leafer-in/export"; import "@leafer-in/view"; import { remoteImageToBase64 } from "../../../utils/util";

leaferCurrent.current = new Leafer({
  view: "leafer",
  type: "viewport",
  mobile: true,
});

`

hcweb avatar Oct 17 '25 03:10 hcweb