Zebra入门 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

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的画布。