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

转载于 2017-12-28 17:19:00 发布 · 434 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/3279502/blog/1596236

文章标签：

#python

本文介绍了如何在多比图形控件（Web版）中自定义图元，通过继承已有图元类并覆盖其属性来实现。以淋浴器图元为例，展示了具体的实现步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

由于多比图形控件（Web版）的良好继承关系，我们很容易定义新的图元。一个常用的需求是，我们有一张位图，我们希望把它定义为图元。请看下面的例子。

在jsp网页中定义新的图元

以下的例子说明了如何继承一个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