居中绘制内容
绘制海报的时候,有一些元素是居中轴显示的,内容的宽度会随时变化,这个时候我们可以 通过居中绘制,让内容以这个坐标点为中心自适应对齐,深入了解 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)