zCanvas
Zebra UI 模块提供很多UI组件,这些组件大多与HTML相对应,比如:label、Checkbox、button等,如果你了解HTML,那么将会觉得很自然。
Zebra 全部基于canvas,通过canvas绘制UI界面。因此,就像是画画一样,首先,我们需要创建一个画布。
通过zCanvas方法,我们可以创建一个canvas画布。
//创建一个宽400,高500的canvas。
var canvas = new zebra.ui.zCanvas(400,500);
var root = canvas.root;
//将边框设置成红色。
root.setBorder(new zebra.ui.Border("red"));
为了展示效果,我们将canvas的边框设置成红色,通过zebra创建canvas、设置canvas的样式都非常的简单。
创建一个宽600,高300的画布。