leaferjs / leafer-ui

一款好用的 Canvas 渲染引擎,革新的体验。高效绘图 、UI 交互(小游戏、互动应用、组态)、图形编辑,前端开发必备~
https://www.leaferjs.com
MIT License
2.38k stars 82 forks source link

请问有没有考虑过加一个将图形居中展示在视图中间的功能呢 #73

Closed GenieShen closed 10 months ago

GenieShen commented 10 months ago

例如在leafer舞台缩放比例较小的时候,点击某个图形,将leafer放大到1倍缩放比例,并且将该图形居中展示在视图中央。现在我简单实现了一个版本,但是效果不是很好,希望官方考虑下~(另外,技术交流群二维码在哪里可以找到呢,想进群~)

GenieShen commented 10 months ago

现在我实现的思路是:点击元素时,使用leafer.findOne(#${id})获取到此元素,然后计算偏移量offsetX = (leafer.width! - selectedElement.width! * scale) / 2 - selectedElement.x! * scale; offsetY = (leafer.height! - selectedElement.height! * scale) / 2 - selectedElement.y! * scale;最后调用模拟交互的方式实现的const { interaction } = leafer; leafer.waitReady(() => { interaction.move({ x: selectedElement.x, y: selectedElement.y, moveX: offsetX, moveY: offsetY }); });

leaferjs commented 10 months ago

谢谢反馈,有考虑的,这个属于聚焦到指定元素的功能,到时会统一做到视图操作插件中~

技术交流群的二维码在文档首页:https://www.leaferjs.com/ui/guide/

GenieShen commented 10 months ago

谢谢反馈,有考虑的,这个属于聚焦到指定元素的功能,到时会统一做到视图操作插件中~

技术交流群的二维码在文档首页:https://www.leaferjs.com/ui/guide/

大概上线日期有嘛