visual-plugin-zoom v0.1.5

visual-plugin-zoom

通过滚动鼠标滚轮实现缩放

安装

pnpm add visual-core visual-plugin-zoom

用法

import { Visual, VisualProperty } from 'visual-core'
import 'visual-plugin-zoom'

// 需要另外安装visual-renderer-pixijs
import { PixiRenderer } from 'visual-renderer-pixijs'

// 新建Visual对象，需要传入一个渲染器对象
const visual = new Visual(new PixiRenderer(document.body))

// 新建一个VisualElement对象
const element = visual.createElement()

// 激活/消活插件
element.activePlugin('plugin:zoom')
element.inactivePlugin('plugin:zoom')

// 也可以在渲染器对象上激活/消活，缩放画布
visual.renderer.activePlugin('plugin:zoom')
visual.renderer.inactivePlugin('plugin:zoom')