多比图形控件（Web版）教程（五）：象visio一样定义自己的图元

2019独角兽企业重金招聘Python工程师标准>>>

多比图形控件（Web版）下载>>>

 

由于多比图形控件（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"
});

 

用同样的方法，我们还可以定义其他的图元。图元定义完成以后，我们需要把它加到设计器的图元面板中。

转载于:https://my.oschina.net/u/3279502/blog/1596236