Skip to content

Momentum 收费插件

Momentum 插件用于实现动量效果,即鼠标按住拖动画布,然后松开后画布会根据惯性继续移动一段距离。

你可以在在线版中进行体验,如果要关闭该特性,可以在右侧的【设置】中关闭。

收费

扫码转账备注你要购买的插件,以及你的邮箱地址(如果达到文字上限,那么你可以分两次付款),然后会将插件文件发送到你的邮箱。购买请在充分的使用和考虑后进行,如果你对前端开发不太熟悉,不知道如何使用插件,那么请谨慎考虑购买,没有特殊原因不会退费。如果你发现了 bug,或者有需求,可以提交相关的 issue。

价格:¥ 29.9,包含未打包的源码和打包后的文件。

一次性购买4个及以上收费插件打8折,心动不如行动~

注册

1.引用打包后的文件:

js
import MindMap from 'simple-mind-map'
import Momentum from 'momentum.cjs.min.js'
// 或 import Momentum from 'momentum.esm.min.js'

MindMap.usePlugin(Momentum, options)

2.引用未打包的源码

可以先进入到插件目录执行:

bash
npm link

然后进入到你的项目根目录执行:

bash
npm link simple-mind-map-plugin-momentum

然后就可以直接导入进行使用:

js
import MindMap from 'simple-mind-map'
import Momentum from 'simple-mind-map-plugin-momentum'

MindMap.usePlugin(Momentum, options)

注册完且实例化MindMap后可通过mindMap.momentum获取到该实例。

也可以动态注册和取消注册:

js
// 动态注册
mindMap.addPlugin(Momentum, options)

// 动态取消注册
mindMap.removePlugin(Momentum)

注册选项

注册插件时可以传递一个选项对象options,支持传递的属性如下:

  • options.friction

摩擦系数,值越小摩擦越大,继续移动的距离就短。默认值为0.95

  • options.speedAmplificationFactor

初始速度放大倍数,因为根据鼠标拖动直接计算出来的惯性初始速度值很小,所以需要乘一个放大倍数。默认值为10

示例:

js
MindMap.usePlugin(Momentum, {
    friction: 0.9,
    speedAmplificationFactor: 5
})

MIT License.