小程序taro中如何实现缩放?
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如何实现点击一次撤销就撤回一步 再点一次就撤回二步,以此类推
taro使用示例:
https://www.leaferjs.com/ui/guide/install/ui/miniapp/taro.html
缩放视图需要再导入viewport 插件:
https://www.leaferjs.com/ui/plugin/in/viewport/
已经导入了的 小程序端通过手机双指滑动缩放依然无效 ` 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,
});
`