多比图形控件（Web版）教程（三）：Javascript绘图的图元继承结构-控件新闻-慧都网

多比图形控件（Web版）教程（三）：Javascript绘图的图元继承结构

原创|使用教程|编辑：黄竹雯|2017-12-21 14:39:15.000|阅读 341 次

概述：多比图形控件（Web版）的自带有20多个图元，例如长方形，正方形，椭圆，图片和google地图等。我们也可以自定义更多图元，以便于复用。

多比图形控件（Web版）的自带有20多个图元，例如长方形，正方形，椭圆，图片和google地图等。我们也可以自定义更多图元，以便于复用。

asp.net/jsp网页图形设计器中的基本图元

我们首先看一看多比控件自带的图元，以及他们之间的继承关系。

命名空间	名称	父类
BaseShapes	Shape	所有图元的父类，相当于Java中的Object
StandardShapes	Rectangle	BaseShapes.Shape
StandardShapes	Square	StandardShapes.Rectangle
StandardShapes	Text	StandardShapes.Rectangle
StandardShapes	Circle	BaseShapes.Shape
StandardShapes	DoubleCircle	StandardShapes.Circle
StandardShapes	Connector	BaseShapes.Shape
StandardShapes	Line	StandardShapes.Connector
StandardShapes	Curve	StandardShapes.Line
StandardShapes	Image	StandardShapes.Rectangle
StandardShapes	Group	StandardShapes.Rectangle
StandardShapes	RightAngledTriangle	StandardShapes.Rectangle
StandardShapes	RoundRectangle	StandardShapes.Rectangle
StandardShapes	Ellipse	StandardShapes.Rectangle
Connectors	OneDimensionalLine	StandardShapes.Line
Connectors	SingleArrow	Connectors.OneDimensionalLine
Connectors	DoubleArrow	Connectors.SingleArrow
Connectors	BaseTopConnector	StandardShapes.Curve
Connectors	SideSideConnector	StandardShapes.Curve
Callouts	Callout	StandardShapes.Connector
Callouts	Note	StandardShapes.Text
Callouts	BigNote	Callouts.Note
GoogleMaps	Map	StandardShapes.Image
GoogleMaps	Satellite	GoogleMaps.Map