sd容器-box

Box

Box是一种简单的容器,它有一个由Rect组成的背景,和一个可选的其他元素

方法 描述
rate 设置/获取空闲率,空闲率用于计算布局
value 设置/获取Box中装的元素
color 设置/获取Box背景的颜色
opacity 设置Box的透明度,包括背景和内部元素
background 获取Box的背景元素
layout 设置Box的元素的布局方式

创建Box

let svg = sd.svg();     // 获取svg画布
let box = sd.Box(svg);  // 创建一个空的box

rate

设置空闲率,试试效果

color

设置颜色,试试效果

layout

设置布局,有九种可选值:top_lefttoptop_rightleftcenterrightbottom_leftbottombottom_right

fix_width & fix_height

这两个属性将会让value的width/height永远保持原始值,当你不希望缩放value的长/宽的时候会很有用