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_left
,top
,top_right
,left
,center
,right
,bottom_left
,
bottom
,bottom_right
fix_width & fix_height
这两个属性将会让value的width/height永远保持原始值,当你不希望缩放value的长/宽的时候会很有用