由于多比图形控件(Web版)的良好继承关系,我们很容易定义新的图元。一个常用的需求是,我们有一张位图,我们希望把它定义为图元。请看下面的例子。
以下的例子说明了如何继承一个Image的图元。
//我们先声明一个命名空间。 Planner = {}; //我们淋浴器的图元,他继承至StandardShapes.Image //因为我们淋浴器的图元的行为和StandardShapes.Image一样。 Planner.Bath = StandardShapes.Image.extend({ //需要覆盖他的图片默认尺寸 width: 190/2, height: 58/2, //覆盖url url:"images/stenciles/planner/2d/bath.png" });
用同样的方法,我们还可以定义其他的图元。图元定义完成以后,我们需要把它加到设计器的图元面板中。