Box

继承自 sd.BaseElement，是一个背景（background）是矩形的元素。

API 列表

class Box extends BaseElement {}

布局规则

sd.Box 使用 R.centerFixAspect 作为默认的布局规则，这种规则会认为 value 是长宽比固定的物体。

const svg = sd.svg();
const values = [new sd.Circle(svg), new sd.Mathjax(svg, "A^2"), new sd.Rect(svg), new sd.Text(svg, "A")];
const boxes = [];
values.forEach((value, i) => {
    const box = new sd.Box(svg, value).width(80).height(80).x(100 * i);
    boxes.push(box);
})
sd.main(async () => {
    await sd.pause();
    boxes.forEach(box => box.startAnimate().height(40).endAnimate());
});