Skip to content

居中绘制内容

绘制海报的时候,有一些元素是居中轴显示的,内容的宽度会随时变化,这个时候我们可以 通过居中绘制,让内容以这个坐标点为中心自适应对齐,深入了解 around 属性。

围绕坐标(50,50) 为中心绘制红色矩形

ts
import { Leafer, Rect } from 'leafer-ui'

const leafer = new Leafer({ view: window })

const rect = new Rect({ x: 0, y: 0, width: 100, height: 100, fill: '#FF4A2C' })

const around = new Rect({
    x: 50,
    y: 50,
    width: 50,
    height: 50,
    around: 'center',
    draggable: true,
    fill: '#4DCB71'
})

leafer.add(rect)
leafer.add(around)

Released under the MIT License.