使用Ellipse绘制了圆，设置scaleFixed为true之后，如何保持缩放的时候圆心不修改

[ysl-ccc]

使用Ellipse绘制了圆，设置scaleFixed为true之后，如何保持缩放的时候圆心不修改

[leaferjs]

给圆设置 around: 'center'，这样圆心的坐标就不会变动了

[ysl-ccc]

// #调整元素在父元素中的层叠顺序 (Leafer)
import { Leafer, Rect, Ellipse } from 'leafer-ui';
import "@leafer-in/scale-fixed";


const leafer = new Leafer({ view: window ,type:'design'})

const rect = new Rect({
    x:100,
    y:100,
    width: 100,
    height: 100,
    fill: '#32cd7934',
    scaleFixed:true,
})

const ellipse = new Ellipse({
    x: 100,
    y: 100,
    width: 100,
    height: 100,
    fill: "#FEB02734",
    scaleFixed:true,
    around:'center'
})

leafer.add(rect)
leafer.add(ellipse)

这样的代码在ctrl+滚轮缩放的时候，是不是圆心应该一直保持和rect的左上角呢？但实际缩放的时候会导致圆心没在左上角

[leaferjs]

你提交的这个代码，确实也反映了一个问题，我到时看看原因

[ysl-ccc]

这是放大之后的效果，圆心没在固定位置

[ysl-ccc]

对于绘制了rect和圆，圆绘制在rect的四个角落，如何在缩放的时候保持视觉不变呢？

不管如何缩放拖拽，圆都在rect的四个角上呢？

[leaferjs]

你这个方向错了，需要采用分层架构，控制点放sky层（画布不缩放，只同步元素的坐标位置），建议看一下@leafer-in/editor的源码是怎么做的，比较复杂，一两句话说不明白😂

有现成的图形编辑器为什么不用呢？

[ysl-ccc]

对于rect上面的四个圆点，我只是举例，真实案例是：rect中有很多点，圆心都落在rect中，在缩放的时候要保持视觉不变

[ysl-ccc]

sky这个编辑我知道，我举例子的案例在四个角，是为了方便我确定缩放是否没有修改视觉位置