search

leaferjs / leafer-ui

一款好用的 Canvas 引擎，革新的开发体验，用于高效绘图 、UI 交互、图形编辑。A user-friendly Canvas engine with a revolutionary development experience, for efficient drawing, UI interactions, and graphic editing.
https://www.leaferjs.com
MIT License
2.59k stars 92 forks source link

leaferjs可以设置shape的中心参考点吗 #3

Closed weigram closed 1 year ago

weigram commented 1 year ago

耗时一下午做了一个echarts的demo，还有动画。 https://codepen.io/kooro/pen/poQPqwq 在设置圆圈缩放时，最开始用的是修改宽高，缩放后，左上角点位置不变，导致圆圈中心点偏移，后来用scale，是围绕中心缩放的。有没有类似fabricjs那样设置originX的，或者leaferjs修改宽高怎么实现类似中心点不变。 非常棒的框架，我想好好学习一下，但是基础不是很好，有群可以沟通交流吗。

leaferjs commented 1 year ago

  1. 看了一下你做的例子，非常棒👍

  2. 中心点缩放可以先暂时用这个办法，指定围绕center缩放，后面我们会增加一些方便编辑的操作方法。 image

  3. 下周我们会开始建技术交流群，再耐心等待一下，我们还有些准备的工作需要做完。

mizhousoft commented 1 year ago

看了下demo代码，应用到实际场景中感觉还是有点复杂了，如果能封装成业务场景就更好了，比如图表等 应用在小程序上还是挺不错的，代码量小是很大优势

leaferjs commented 1 year ago

看了下demo代码，应用到实际场景中感觉还是有点复杂了，如果能封装成业务场景就更好了，比如图表等 应用在小程序上还是挺不错的，代码量小是很大优势

非常好的反馈，我们最近也在准备推出小程序版

leaferjs commented 1 year ago

@weigram 新版本已经具备围绕中心点旋转的功能了，还有动画事件支持 https://leaferjs.com/ui/guide/animate/