zcy
/
maxGraph
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
maxGraph/docs/js-api/files/shape/mxShape-js.html

195 lines
125 KiB
HTML
Raw Blame History

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>mxShape</title><link rel="stylesheet" type="text/css" href="../../styles/main.css"><script language=JavaScript src="../../javascript/main.js"></script><script language=JavaScript src="../../javascript/prettify.js"></script><script language=JavaScript src="../../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad();prettyPrint();"><script language=JavaScript><!--
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>
<!-- Generated by Natural Docs, version 1.51 -->
<!-- http://www.naturaldocs.org -->
<!-- saved from url=(0026)http://www.naturaldocs.org -->
<div id=Content><div class="CClass"><div class=CTopic id=MainTopic><h1 class=CTitle><a name="mxShape"></a>mxShape</h1><div class=CBody><p>Base class for all shapes.&nbsp; A shape in mxGraph is a separate implementation for SVG, VML and HTML.&nbsp; Which implementation to use is controlled by the <a href="#mxShape.dialect" class=LVariable id=link88 onMouseOver="ShowTip(event, 'tt2', 'link88')" onMouseOut="HideTip('tt2')">dialect</a> property which is assigned from within the <a href="../view/mxCellRenderer-js.html#mxCellRenderer" class=LClass id=link89 onMouseOver="ShowTip(event, 'tt79', 'link89')" onMouseOut="HideTip('tt79')">mxCellRenderer</a> when the shape is created.&nbsp; The dialect must be assigned for a shape, and it does normally depend on the browser and the confiuration of the graph (see <a href="../view/mxGraph-js.html#mxGraph" class=LClass id=link90 onMouseOver="ShowTip(event, 'tt80', 'link90')" onMouseOut="HideTip('tt80')">mxGraph</a> rendering hint).</p><p>For each supported shape in SVG and VML, a corresponding shape exists in mxGraph, namely for text, image, rectangle, rhombus, ellipse and polyline.&nbsp; The other shapes are a combination of these shapes (eg. label and swimlane) or they consist of one or more (filled) path objects (eg. actor and cylinder).&nbsp; The HTML implementation is optional but may be required for a HTML-only view of the graph.</p><h4 class=CHeading>Custom Shapes</h4><p>To extend from this class, the basic code looks as follows.&nbsp; In the special case where the custom shape consists only of one filled region or one filled region and an additional stroke the <a href="mxActor-js.html#mxActor" class=LClass id=link91 onMouseOver="ShowTip(event, 'tt81', 'link91')" onMouseOut="HideTip('tt81')">mxActor</a> and <a href="mxCylinder-js.html#mxCylinder" class=LClass id=link92 onMouseOver="ShowTip(event, 'tt82', 'link92')" onMouseOut="HideTip('tt82')">mxCylinder</a> should be subclassed, respectively.</p><blockquote><pre class="prettyprint">function CustomShape() { }
CustomShape.prototype = new mxShape();
CustomShape.prototype.constructor = CustomShape;</pre></blockquote><p>To register a custom shape in an existing graph instance, one must register the shape under a new name in the graph&rsquo;s cell renderer as follows:</p><blockquote><pre class="prettyprint">mxCellRenderer.registerShape('customShape', CustomShape);</pre></blockquote><p>The second argument is the name of the constructor.</p><p>In order to use the shape you can refer to the given name above in a stylesheet.&nbsp; For example, to change the shape for the default vertex style, the following code is used:</p><blockquote><pre class="prettyprint">var style = graph.getStylesheet().getDefaultVertexStyle();
style[mxConstants.STYLE_SHAPE] = 'customShape';</pre></blockquote><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SMain"><td class=SEntry><a href="#mxShape" >mxShape</a></td><td class=SDescription>Base class for all shapes. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxShape.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.mxShape" id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">mxShape</a></td><td class=SDescription>Constructs a new shape.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxShape.Variables" >Variables</a></td><td class=SDescription></td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.dialect" id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">dialect</a></td><td class=SDescription>Holds the dialect in which the shape is to be painted. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.scale" id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">scale</a></td><td class=SDescription>Holds the scale in which the shape is being painted.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.antiAlias" id=link4 onMouseOver="ShowTip(event, 'tt4', 'link4')" onMouseOut="HideTip('tt4')">antiAlias</a></td><td class=SDescription>Rendering hint for configuring the canvas.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.bounds" id=link5 onMouseOver="ShowTip(event, 'tt5', 'link5')" onMouseOut="HideTip('tt5')">bounds</a></td><td class=SDescription>Holds the <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link6 onMouseOver="ShowTip(event, 'tt6', 'link6')" onMouseOut="HideTip('tt6')">mxRectangle</a> that specifies the bounds of this shape.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.points" id=link7 onMouseOver="ShowTip(event, 'tt7', 'link7')" onMouseOut="HideTip('tt7')">points</a></td><td class=SDescription>Holds the array of <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link8 onMouseOver="ShowTip(event, 'tt8', 'link8')" onMouseOut="HideTip('tt8')">mxPoints</a> that specify the points of this shape.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.node" id=link9 onMouseOver="ShowTip(event, 'tt9', 'link9')" onMouseOut="HideTip('tt9')">node</a></td><td class=SDescription>Holds the outermost DOM node that represents this shape.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.state" id=link10 onMouseOver="ShowTip(event, 'tt10', 'link10')" onMouseOut="HideTip('tt10')">state</a></td><td class=SDescription>Optional reference to the corresponding <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link11 onMouseOver="ShowTip(event, 'tt11', 'link11')" onMouseOut="HideTip('tt11')">mxCellState</a>.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.style" id=link12 onMouseOver="ShowTip(event, 'tt12', 'link12')" onMouseOut="HideTip('tt12')">style</a></td><td class=SDescription>Optional reference to the style of the corresponding <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link13 onMouseOver="ShowTip(event, 'tt11', 'link13')" onMouseOut="HideTip('tt11')">mxCellState</a>.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.boundingBox" id=link14 onMouseOver="ShowTip(event, 'tt13', 'link14')" onMouseOut="HideTip('tt13')">boundingBox</a></td><td class=SDescription>Contains the bounding box of the shape, that is, the smallest rectangle that includes all pixels of the shape.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.stencil" id=link15 onMouseOver="ShowTip(event, 'tt14', 'link15')" onMouseOut="HideTip('tt14')">stencil</a></td><td class=SDescription>Holds the <a href="mxStencil-js.html#mxStencil" class=LClass id=link16 onMouseOver="ShowTip(event, 'tt15', 'link16')" onMouseOut="HideTip('tt15')">mxStencil</a> that defines the shape.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.svgStrokeTolerance" id=link17 onMouseOver="ShowTip(event, 'tt16', 'link17')" onMouseOut="HideTip('tt16')">svgStrokeTolerance</a></td><td class=SDescription>Event-tolerance for SVG strokes (in px). </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.pointerEvents" id=link18 onMouseOver="ShowTip(event, 'tt17', 'link18')" onMouseOut="HideTip('tt17')">pointerEvents</a></td><td class=SDescription>Specifies if pointer events should be handled. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.svgPointerEvents" id=link19 onMouseOver="ShowTip(event, 'tt18', 'link19')" onMouseOut="HideTip('tt18')">svgPointerEvents</a></td><td class=SDescription>Specifies if pointer events should be handled. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.shapePointerEvents" id=link20 onMouseOver="ShowTip(event, 'tt19', 'link20')" onMouseOut="HideTip('tt19')">shapePointerEvents</a></td><td class=SDescription>Specifies if pointer events outside of shape should be handled. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.stencilPointerEvents" id=link21 onMouseOver="ShowTip(event, 'tt20', 'link21')" onMouseOut="HideTip('tt20')">stencilPointerEvents</a></td><td class=SDescription>Specifies if pointer events outside of stencils should be handled. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.vmlScale" id=link22 onMouseOver="ShowTip(event, 'tt21', 'link22')" onMouseOut="HideTip('tt21')">vmlScale</a></td><td class=SDescription>Scale for improving the precision of VML rendering. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.outline" id=link23 onMouseOver="ShowTip(event, 'tt22', 'link23')" onMouseOut="HideTip('tt22')">outline</a></td><td class=SDescription>Specifies if the shape should be drawn as an outline. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxShape.visible" id=link24 onMouseOver="ShowTip(event, 'tt23', 'link24')" onMouseOut="HideTip('tt23')">visible</a></td><td class=SDescription>Specifies if the shape is visible. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxShape.useSvgBoundingBox" id=link25 onMouseOver="ShowTip(event, 'tt24', 'link25')" onMouseOut="HideTip('tt24')">useSvgBoundingBox</a></td><td class=SDescription>Allows to use the SVG bounding box in SVG. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxShape.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.init" id=link26 onMouseOver="ShowTip(event, 'tt25', 'link26')" onMouseOut="HideTip('tt25')">init</a></td><td class=SDescription>Initializes the shape by creaing the DOM node using <a href="#mxShape.create" class=LFunction id=link27 onMouseOver="ShowTip(event, 'tt26', 'link27')" onMouseOut="HideTip('tt26')">create</a> and adding it into the given container.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.initStyles" id=link28 onMouseOver="ShowTip(event, 'tt27', 'link28')" onMouseOut="HideTip('tt27')">initStyles</a></td><td class=SDescription>Sets the styles to their default values.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.isParseVml" id=link29 onMouseOver="ShowTip(event, 'tt28', 'link29')" onMouseOut="HideTip('tt28')">isParseVml</a></td><td class=SDescription>Specifies if any VML should be added via insertAdjacentHtml to the DOM. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.isHtmlAllowed" id=link30 onMouseOver="ShowTip(event, 'tt29', 'link30')" onMouseOut="HideTip('tt29')">isHtmlAllowed</a></td><td class=SDescription>Returns true if HTML is allowed for this shape. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.getSvgScreenOffset" id=link31 onMouseOver="ShowTip(event, 'tt30', 'link31')" onMouseOut="HideTip('tt30')">getSvgScreenOffset</a></td><td class=SDescription>Returns 0, or 0.5 if &lt;strokewidth&gt; % 2 == 1.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.create" id=link32 onMouseOver="ShowTip(event, 'tt26', 'link32')" onMouseOut="HideTip('tt26')">create</a></td><td class=SDescription>Creates and returns the DOM node(s) for the shape in the given container. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.createSvg" id=link33 onMouseOver="ShowTip(event, 'tt31', 'link33')" onMouseOut="HideTip('tt31')">createSvg</a></td><td class=SDescription>Creates and returns the SVG node(s) to represent this shape.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.createVml" id=link34 onMouseOver="ShowTip(event, 'tt32', 'link34')" onMouseOut="HideTip('tt32')">createVml</a></td><td class=SDescription>Creates and returns the VML node to represent this shape.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.createHtml" id=link35 onMouseOver="ShowTip(event, 'tt33', 'link35')" onMouseOut="HideTip('tt33')">createHtml</a></td><td class=SDescription>Creates and returns the HTML DOM node(s) to represent this shape. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.reconfigure" id=link36 onMouseOver="ShowTip(event, 'tt34', 'link36')" onMouseOut="HideTip('tt34')">reconfigure</a></td><td class=SDescription>Reconfigures this shape. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.redraw" id=link37 onMouseOver="ShowTip(event, 'tt35', 'link37')" onMouseOut="HideTip('tt35')">redraw</a></td><td class=SDescription>Creates and returns the SVG node(s) to represent this shape.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.clear" id=link38 onMouseOver="ShowTip(event, 'tt36', 'link38')" onMouseOut="HideTip('tt36')">clear</a></td><td class=SDescription>Removes all child nodes and resets all CSS.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.updateBoundsFromPoints" id=link39 onMouseOver="ShowTip(event, 'tt37', 'link39')" onMouseOut="HideTip('tt37')">updateBoundsFromPoints</a></td><td class=SDescription>Updates the bounds based on the points.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.getLabelBounds" id=link40 onMouseOver="ShowTip(event, 'tt38', 'link40')" onMouseOut="HideTip('tt38')">getLabelBounds</a></td><td class=SDescription>Returns the <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link41 onMouseOver="ShowTip(event, 'tt6', 'link41')" onMouseOut="HideTip('tt6')">mxRectangle</a> for the label bounds of this shape, based on the given scaled and translated bounds of the shape. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.getLabelMargins" id=link42 onMouseOver="ShowTip(event, 'tt39', 'link42')" onMouseOut="HideTip('tt39')">getLabelMargins</a></td><td class=SDescription>Returns the scaled top, left, bottom and right margin to be used for computing the label bounds as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link43 onMouseOver="ShowTip(event, 'tt6', 'link43')" onMouseOut="HideTip('tt6')">mxRectangle</a>, where the bottom and right margin are defined in the width and height of the rectangle, respectively.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.checkBounds" id=link44 onMouseOver="ShowTip(event, 'tt40', 'link44')" onMouseOut="HideTip('tt40')">checkBounds</a></td><td class=SDescription>Returns true if the bounds are not null and all of its variables are numeric.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.createVmlGroup" id=link45 onMouseOver="ShowTip(event, 'tt41', 'link45')" onMouseOut="HideTip('tt41')">createVmlGroup</a></td><td class=SDescription>Returns the temporary element used for rendering in IE8 standards mode.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.redrawShape" id=link46 onMouseOver="ShowTip(event, 'tt42', 'link46')" onMouseOut="HideTip('tt42')">redrawShape</a></td><td class=SDescription>Updates the SVG or VML shape.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.createCanvas" id=link47 onMouseOver="ShowTip(event, 'tt43', 'link47')" onMouseOut="HideTip('tt43')">createCanvas</a></td><td class=SDescription>Creates a new canvas for drawing this shape. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.createSvgCanvas" id=link48 onMouseOver="ShowTip(event, 'tt44', 'link48')" onMouseOut="HideTip('tt44')">createSvgCanvas</a></td><td class=SDescription>Creates and returns an <a href="../util/mxSvgCanvas2D-js.html#mxSvgCanvas2D" class=LClass id=link49 onMouseOver="ShowTip(event, 'tt45', 'link49')" onMouseOut="HideTip('tt45')">mxSvgCanvas2D</a> for rendering this shape.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.createVmlCanvas" id=link50 onMouseOver="ShowTip(event, 'tt46', 'link50')" onMouseOut="HideTip('tt46')">createVmlCanvas</a></td><td class=SDescription>Creates and returns an <a href="../util/mxVmlCanvas2D-js.html#mxVmlCanvas2D" class=LClass id=link51 onMouseOver="ShowTip(event, 'tt47', 'link51')" onMouseOut="HideTip('tt47')">mxVmlCanvas2D</a> for rendering this shape.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.updateVmlContainer" id=link52 onMouseOver="ShowTip(event, 'tt48', 'link52')" onMouseOut="HideTip('tt48')">updateVmlContainer</a></td><td class=SDescription>Updates the bounds of the VML container.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.redrawHtml" id=link53 onMouseOver="ShowTip(event, 'tt49', 'link53')" onMouseOut="HideTip('tt49')">redrawHtml</a></td><td class=SDescription>Allow optimization by replacing VML with HTML.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.updateHtmlFilters" id=link54 onMouseOver="ShowTip(event, 'tt50', 'link54')" onMouseOut="HideTip('tt50')">updateHtmlFilters</a></td><td class=SDescription>Allow optimization by replacing VML with HTML.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.mixedModeHtml" >mixedModeHtml</a></td><td class=SDescription>Allow optimization by replacing VML with HTML.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.mixedModeHtml" >mixedModeHtml</a></td><td class=SDescription>Allow optimization by replacing VML with HTML.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.destroyCanvas" id=link55 onMouseOver="ShowTip(event, 'tt51', 'link55')" onMouseOut="HideTip('tt51')">destroyCanvas</a></td><td class=SDescription>Destroys the given canvas which was used for drawing. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.paint" id=link56 onMouseOver="ShowTip(event, 'tt52', 'link56')" onMouseOut="HideTip('tt52')">paint</a></td><td class=SDescription>Generic rendering code.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.configureCanvas" id=link57 onMouseOver="ShowTip(event, 'tt53', 'link57')" onMouseOut="HideTip('tt53')">configureCanvas</a></td><td class=SDescription>Sets the state of the canvas for drawing the shape.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.getGradientBounds" id=link58 onMouseOver="ShowTip(event, 'tt54', 'link58')" onMouseOut="HideTip('tt54')">getGradientBounds</a></td><td class=SDescription>Returns the bounding box for the gradient box for this shape.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.updateTransform" id=link59 onMouseOver="ShowTip(event, 'tt55', 'link59')" onMouseOut="HideTip('tt55')">updateTransform</a></td><td class=SDescription>Sets the scale and rotation on the given canvas.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.paintVertexShape" id=link60 onMouseOver="ShowTip(event, 'tt56', 'link60')" onMouseOut="HideTip('tt56')">paintVertexShape</a></td><td class=SDescription>Paints the vertex shape.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.paintBackground" id=link61 onMouseOver="ShowTip(event, 'tt57', 'link61')" onMouseOut="HideTip('tt57')">paintBackground</a></td><td class=SDescription>Hook for subclassers. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.paintForeground" id=link62 onMouseOver="ShowTip(event, 'tt58', 'link62')" onMouseOut="HideTip('tt58')">paintForeground</a></td><td class=SDescription>Hook for subclassers. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.paintEdgeShape" id=link63 onMouseOver="ShowTip(event, 'tt59', 'link63')" onMouseOut="HideTip('tt59')">paintEdgeShape</a></td><td class=SDescription>Hook for subclassers. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.getArcSize" id=link64 onMouseOver="ShowTip(event, 'tt60', 'link64')" onMouseOut="HideTip('tt60')">getArcSize</a></td><td class=SDescription>Returns the arc size for the given dimension.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.paintGlassEffect" id=link65 onMouseOver="ShowTip(event, 'tt61', 'link65')" onMouseOut="HideTip('tt61')">paintGlassEffect</a></td><td class=SDescription>Paints the glass gradient effect.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.addPoints" id=link66 onMouseOver="ShowTip(event, 'tt62', 'link66')" onMouseOut="HideTip('tt62')">addPoints</a></td><td class=SDescription>Paints the given points with rounded corners.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.resetStyles" id=link67 onMouseOver="ShowTip(event, 'tt63', 'link67')" onMouseOut="HideTip('tt63')">resetStyles</a></td><td class=SDescription>Resets all styles.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.apply" id=link68 onMouseOver="ShowTip(event, 'tt64', 'link68')" onMouseOut="HideTip('tt64')">apply</a></td><td class=SDescription>Applies the style of the given <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link69 onMouseOver="ShowTip(event, 'tt11', 'link69')" onMouseOut="HideTip('tt11')">mxCellState</a> to the shape. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.setCursor" id=link70 onMouseOver="ShowTip(event, 'tt65', 'link70')" onMouseOut="HideTip('tt65')">setCursor</a></td><td class=SDescription>Sets the cursor on the given shape.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.getCursor" id=link71 onMouseOver="ShowTip(event, 'tt66', 'link71')" onMouseOut="HideTip('tt66')">getCursor</a></td><td class=SDescription>Returns the current cursor.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.updateBoundingBox" id=link72 onMouseOver="ShowTip(event, 'tt67', 'link72')" onMouseOut="HideTip('tt67')">updateBoundingBox</a></td><td class=SDescription>Updates the <a href="#mxShape.boundingBox" class=LVariable id=link73 onMouseOver="ShowTip(event, 'tt13', 'link73')" onMouseOut="HideTip('tt13')">boundingBox</a> for this shape using <a href="#mxShape.createBoundingBox" class=LFunction id=link74 onMouseOver="ShowTip(event, 'tt68', 'link74')" onMouseOut="HideTip('tt68')">createBoundingBox</a> and <a href="#mxShape.augmentBoundingBox" class=LFunction id=link75 onMouseOver="ShowTip(event, 'tt69', 'link75')" onMouseOut="HideTip('tt69')">augmentBoundingBox</a> and stores the result in <a href="#mxShape.boundingBox" class=LVariable id=link76 onMouseOver="ShowTip(event, 'tt13', 'link76')" onMouseOut="HideTip('tt13')">boundingBox</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.createBoundingBox" id=link77 onMouseOver="ShowTip(event, 'tt68', 'link77')" onMouseOut="HideTip('tt68')">createBoundingBox</a></td><td class=SDescription>Returns a new rectangle that represents the bounding box of the bare shape with no shadows or strokewidths.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.augmentBoundingBox" id=link78 onMouseOver="ShowTip(event, 'tt69', 'link78')" onMouseOut="HideTip('tt69')">augmentBoundingBox</a></td><td class=SDescription>Augments the bounding box with the strokewidth and shadow offsets.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.isPaintBoundsInverted" id=link79 onMouseOver="ShowTip(event, 'tt70', 'link79')" onMouseOut="HideTip('tt70')">isPaintBoundsInverted</a></td><td class=SDescription>Returns true if the bounds should be inverted.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.getRotation" id=link80 onMouseOver="ShowTip(event, 'tt71', 'link80')" onMouseOut="HideTip('tt71')">getRotation</a></td><td class=SDescription>Returns the rotation from the style.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.getTextRotation" id=link81 onMouseOver="ShowTip(event, 'tt72', 'link81')" onMouseOut="HideTip('tt72')">getTextRotation</a></td><td class=SDescription>Returns the rotation for the text label.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.getShapeRotation" id=link82 onMouseOver="ShowTip(event, 'tt73', 'link82')" onMouseOut="HideTip('tt73')">getShapeRotation</a></td><td class=SDescription>Returns the actual rotation of the shape.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.createTransparentSvgRectangle" id=link83 onMouseOver="ShowTip(event, 'tt74', 'link83')" onMouseOut="HideTip('tt74')">createTransparentSvgRectangle</a></td><td class=SDescription>Adds a transparent rectangle that catches all events.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.setTransparentBackgroundImage" id=link84 onMouseOver="ShowTip(event, 'tt75', 'link84')" onMouseOut="HideTip('tt75')">setTransparentBackgroundImage</a></td><td class=SDescription>Sets a transparent background CSS style to catch all events.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxShape.releaseSvgGradients" id=link85 onMouseOver="ShowTip(event, 'tt76', 'link85')" onMouseOut="HideTip('tt76')">releaseSvgGradients</a></td><td class=SDescription>Paints the line shape.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxShape.destroy" id=link86 onMouseOver="ShowTip(event, 'tt77', 'link86')" onMouseOut="HideTip('tt77')">destroy</a></td><td class=SDescription>Destroys the shape by removing it from the DOM and releasing the DOM node associated with the shape using <a href="../util/mxEvent-js.html#mxEvent.release" class=LFunction id=link87 onMouseOver="ShowTip(event, 'tt78', 'link87')" onMouseOut="HideTip('tt78')">mxEvent.release</a>.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxShape.Functions"></a>Functions</h3></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.mxShape"></a>mxShape</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>function mxShape(</td><td class="PParameter prettyprint " nowrap>stencil</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new shape.</p></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxShape.Variables"></a>Variables</h3></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.dialect"></a>dialect</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.dialect</td></tr></table></blockquote><p>Holds the dialect in which the shape is to be painted.&nbsp; This can be one of the DIALECT constants in <a href="../util/mxConstants-js.html#mxConstants" class=LClass id=link93 onMouseOver="ShowTip(event, 'tt83', 'link93')" onMouseOut="HideTip('tt83')">mxConstants</a>.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.scale"></a>scale</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.scale</td></tr></table></blockquote><p>Holds the scale in which the shape is being painted.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.antiAlias"></a>antiAlias</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.antiAlias</td></tr></table></blockquote><p>Rendering hint for configuring the canvas.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.bounds"></a>bounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.bounds</td></tr></table></blockquote><p>Holds the <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link94 onMouseOver="ShowTip(event, 'tt6', 'link94')" onMouseOut="HideTip('tt6')">mxRectangle</a> that specifies the bounds of this shape.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.points"></a>points</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.points</td></tr></table></blockquote><p>Holds the array of <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link95 onMouseOver="ShowTip(event, 'tt8', 'link95')" onMouseOut="HideTip('tt8')">mxPoints</a> that specify the points of this shape.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.node"></a>node</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.node</td></tr></table></blockquote><p>Holds the outermost DOM node that represents this shape.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.state"></a>state</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.state</td></tr></table></blockquote><p>Optional reference to the corresponding <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link96 onMouseOver="ShowTip(event, 'tt11', 'link96')" onMouseOut="HideTip('tt11')">mxCellState</a>.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.style"></a>style</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.style</td></tr></table></blockquote><p>Optional reference to the style of the corresponding <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link97 onMouseOver="ShowTip(event, 'tt11', 'link97')" onMouseOut="HideTip('tt11')">mxCellState</a>.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.boundingBox"></a>boundingBox</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.boundingBox</td></tr></table></blockquote><p>Contains the bounding box of the shape, that is, the smallest rectangle that includes all pixels of the shape.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.stencil"></a>stencil</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.stencil</td></tr></table></blockquote><p>Holds the <a href="mxStencil-js.html#mxStencil" class=LClass id=link98 onMouseOver="ShowTip(event, 'tt15', 'link98')" onMouseOut="HideTip('tt15')">mxStencil</a> that defines the shape.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.svgStrokeTolerance"></a>svgStrokeTolerance</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.svgStrokeTolerance</td></tr></table></blockquote><p>Event-tolerance for SVG strokes (in px).&nbsp; Default is 8.&nbsp; This is only passed to the canvas in <a href="#mxShape.createSvgCanvas" class=LFunction id=link99 onMouseOver="ShowTip(event, 'tt44', 'link99')" onMouseOut="HideTip('tt44')">createSvgCanvas</a> if <a href="#mxShape.pointerEvents" class=LVariable id=link100 onMouseOver="ShowTip(event, 'tt17', 'link100')" onMouseOut="HideTip('tt17')">pointerEvents</a> is true.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.pointerEvents"></a>pointerEvents</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.pointerEvents</td></tr></table></blockquote><p>Specifies if pointer events should be handled.&nbsp; Default is true.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.svgPointerEvents"></a>svgPointerEvents</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.svgPointerEvents</td></tr></table></blockquote><p>Specifies if pointer events should be handled.&nbsp; Default is true.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.shapePointerEvents"></a>shapePointerEvents</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.shapePointerEvents</td></tr></table></blockquote><p>Specifies if pointer events outside of shape should be handled.&nbsp; Default is false.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.stencilPointerEvents"></a>stencilPointerEvents</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.stencilPointerEvents</td></tr></table></blockquote><p>Specifies if pointer events outside of stencils should be handled.&nbsp; Default is false.&nbsp; Set this to true for backwards compatibility with the 1.x branch.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.vmlScale"></a>vmlScale</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.vmlScale</td></tr></table></blockquote><p>Scale for improving the precision of VML rendering.&nbsp; Default is 1.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.outline"></a>outline</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.outline</td></tr></table></blockquote><p>Specifies if the shape should be drawn as an outline.&nbsp; This disables all fill colors and can be used to disable other drawing states that should not be painted for outlines.&nbsp; Default is false.&nbsp; This should be set before calling <a href="#mxShape.apply" class=LFunction id=link101 onMouseOver="ShowTip(event, 'tt64', 'link101')" onMouseOut="HideTip('tt64')">apply</a>.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.visible"></a>visible</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.visible</td></tr></table></blockquote><p>Specifies if the shape is visible.&nbsp; Default is true.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxShape.useSvgBoundingBox"></a>useSvgBoundingBox</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.useSvgBoundingBox</td></tr></table></blockquote><p>Allows to use the SVG bounding box in SVG.&nbsp; Default is false for performance reasons.</p></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxShape.Functions"></a>Functions</h3></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.init"></a>init</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.init = function(</td><td class="PParameter prettyprint " nowrap>container</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Initializes the shape by creaing the DOM node using <a href="#mxShape.create" class=LFunction id=link102 onMouseOver="ShowTip(event, 'tt26', 'link102')" onMouseOut="HideTip('tt26')">create</a> and adding it into the given container.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>container</td><td class=CDLDescription>DOM node that will contain the shape.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.initStyles"></a>initStyles</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.initStyles = function(</td><td class="PParameter prettyprint " nowrap>container</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the styles to their default values.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.isParseVml"></a>isParseVml</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isParseVml = function()</td></tr></table></blockquote><p>Specifies if any VML should be added via insertAdjacentHtml to the DOM.&nbsp; This is only needed in IE8 and only if the shape contains VML markup.&nbsp; This method returns true.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.isHtmlAllowed"></a>isHtmlAllowed</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isHtmlAllowed = function()</td></tr></table></blockquote><p>Returns true if HTML is allowed for this shape.&nbsp; This implementation always returns false.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getSvgScreenOffset"></a>getSvgScreenOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getSvgScreenOffset = function()</td></tr></table></blockquote><p>Returns 0, or 0.5 if &lt;strokewidth&gt; % 2 == 1.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.create"></a>create</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.create = function(</td><td class="PParameter prettyprint " nowrap>container</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns the DOM node(s) for the shape in the given container.&nbsp; This implementation invokes <a href="#mxShape.createSvg" class=LFunction id=link103 onMouseOver="ShowTip(event, 'tt31', 'link103')" onMouseOut="HideTip('tt31')">createSvg</a>, <a href="#mxShape.createHtml" class=LFunction id=link104 onMouseOver="ShowTip(event, 'tt33', 'link104')" onMouseOut="HideTip('tt33')">createHtml</a> or <a href="#mxShape.createVml" class=LFunction id=link105 onMouseOver="ShowTip(event, 'tt32', 'link105')" onMouseOut="HideTip('tt32')">createVml</a> depending on the <a href="#mxShape.dialect" class=LVariable id=link106 onMouseOver="ShowTip(event, 'tt2', 'link106')" onMouseOut="HideTip('tt2')">dialect</a> and style settings.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>container</td><td class=CDLDescription>DOM node that will contain the shape.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createSvg"></a>createSvg</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createSvg = function()</td></tr></table></blockquote><p>Creates and returns the SVG node(s) to represent this shape.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createVml"></a>createVml</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createVml = function()</td></tr></table></blockquote><p>Creates and returns the VML node to represent this shape.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createHtml"></a>createHtml</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createHtml = function()</td></tr></table></blockquote><p>Creates and returns the HTML DOM node(s) to represent this shape.&nbsp; This implementation falls back to <a href="#mxShape.createVml" class=LFunction id=link107 onMouseOver="ShowTip(event, 'tt32', 'link107')" onMouseOut="HideTip('tt32')">createVml</a> so that the HTML creation is optional.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.reconfigure"></a>reconfigure</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.reconfigure = function()</td></tr></table></blockquote><p>Reconfigures this shape.&nbsp; This will update the colors etc in addition to the bounds or points.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.redraw"></a>redraw</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.redraw = function()</td></tr></table></blockquote><p>Creates and returns the SVG node(s) to represent this shape.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.clear"></a>clear</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.clear = function()</td></tr></table></blockquote><p>Removes all child nodes and resets all CSS.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.updateBoundsFromPoints"></a>updateBoundsFromPoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.updateBoundsFromPoints = function()</td></tr></table></blockquote><p>Updates the bounds based on the points.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getLabelBounds"></a>getLabelBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.getLabelBounds = function(</td><td class="PParameter prettyprint " nowrap>rect</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link108 onMouseOver="ShowTip(event, 'tt6', 'link108')" onMouseOut="HideTip('tt6')">mxRectangle</a> for the label bounds of this shape, based on the given scaled and translated bounds of the shape.&nbsp; This method should not change the rectangle in-place.&nbsp; This implementation returns the given rect.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getLabelMargins"></a>getLabelMargins</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.getLabelMargins= function(</td><td class="PParameter prettyprint " nowrap>rect</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the scaled top, left, bottom and right margin to be used for computing the label bounds as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link109 onMouseOver="ShowTip(event, 'tt6', 'link109')" onMouseOut="HideTip('tt6')">mxRectangle</a>, where the bottom and right margin are defined in the width and height of the rectangle, respectively.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.checkBounds"></a>checkBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.checkBounds = function()</td></tr></table></blockquote><p>Returns true if the bounds are not null and all of its variables are numeric.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createVmlGroup"></a>createVmlGroup</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createVmlGroup = function()</td></tr></table></blockquote><p>Returns the temporary element used for rendering in IE8 standards mode.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.redrawShape"></a>redrawShape</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.redrawShape = function()</td></tr></table></blockquote><p>Updates the SVG or VML shape.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createCanvas"></a>createCanvas</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createCanvas = function()</td></tr></table></blockquote><p>Creates a new canvas for drawing this shape.&nbsp; May return null.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createSvgCanvas"></a>createSvgCanvas</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createSvgCanvas = function()</td></tr></table></blockquote><p>Creates and returns an <a href="../util/mxSvgCanvas2D-js.html#mxSvgCanvas2D" class=LClass id=link110 onMouseOver="ShowTip(event, 'tt45', 'link110')" onMouseOut="HideTip('tt45')">mxSvgCanvas2D</a> for rendering this shape.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createVmlCanvas"></a>createVmlCanvas</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createVmlCanvas = function()</td></tr></table></blockquote><p>Creates and returns an <a href="../util/mxVmlCanvas2D-js.html#mxVmlCanvas2D" class=LClass id=link111 onMouseOver="ShowTip(event, 'tt47', 'link111')" onMouseOut="HideTip('tt47')">mxVmlCanvas2D</a> for rendering this shape.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.updateVmlContainer"></a>updateVmlContainer</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.updateVmlContainer = function()</td></tr></table></blockquote><p>Updates the bounds of the VML container.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.redrawHtml"></a>redrawHtml</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.redrawHtmlShape = function()</td></tr></table></blockquote><p>Allow optimization by replacing VML with HTML.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.updateHtmlFilters"></a>updateHtmlFilters</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.updateHtmlFilters = function(</td><td class="PParameter prettyprint " nowrap>node</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Allow optimization by replacing VML with HTML.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.mixedModeHtml"></a>mixedModeHtml</h3><div class=CBody><p>Allow optimization by replacing VML with HTML.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.mixedModeHtml"></a>mixedModeHtml</h3><div class=CBody><p>Allow optimization by replacing VML with HTML.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.destroyCanvas"></a>destroyCanvas</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.destroyCanvas = function(</td><td class="PParameter prettyprint " nowrap>canvas</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Destroys the given canvas which was used for drawing.&nbsp; This implementation increments the reference counts on all shared gradients used in the canvas.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.paint"></a>paint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.paint = function(</td><td class="PParameter prettyprint " nowrap>c</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Generic rendering code.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.configureCanvas"></a>configureCanvas</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.configureCanvas = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the state of the canvas for drawing the shape.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getGradientBounds"></a>getGradientBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.getGradientBounds = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the bounding box for the gradient box for this shape.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.updateTransform"></a>updateTransform</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.updateTransform = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the scale and rotation on the given canvas.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.paintVertexShape"></a>paintVertexShape</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.paintVertexShape = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Paints the vertex shape.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.paintBackground"></a>paintBackground</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.paintBackground = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook for subclassers.&nbsp; This implementation is empty.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.paintForeground"></a>paintForeground</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.paintForeground = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook for subclassers.&nbsp; This implementation is empty.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.paintEdgeShape"></a>paintEdgeShape</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.paintEdgeShape = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>pts</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook for subclassers.&nbsp; This implementation is empty.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getArcSize"></a>getArcSize</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.getArcSize = function(</td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the arc size for the given dimension.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.paintGlassEffect"></a>paintGlassEffect</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.paintGlassEffect = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>arc</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Paints the glass gradient effect.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.addPoints"></a>addPoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.addPoints = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>pts,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>rounded,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>arcSize,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>close,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>exclude,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>initialMove</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Paints the given points with rounded corners.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.resetStyles"></a>resetStyles</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.resetStyles = function()</td></tr></table></blockquote><p>Resets all styles.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.apply"></a>apply</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.apply = function(</td><td class="PParameter prettyprint " nowrap>state</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Applies the style of the given <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link112 onMouseOver="ShowTip(event, 'tt11', 'link112')" onMouseOut="HideTip('tt11')">mxCellState</a> to the shape.&nbsp; This implementation assigns the following styles to local fields:</p><ul><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_FILLCOLOR" class=LVariable id=link113 onMouseOver="ShowTip(event, 'tt84', 'link113')" onMouseOut="HideTip('tt84')">mxConstants.STYLE_FILLCOLOR</a> =&gt; fill</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_GRADIENTCOLOR" class=LVariable id=link114 onMouseOver="ShowTip(event, 'tt85', 'link114')" onMouseOut="HideTip('tt85')">mxConstants.STYLE_GRADIENTCOLOR</a> =&gt; gradient</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_GRADIENT_DIRECTION" class=LVariable id=link115 onMouseOver="ShowTip(event, 'tt86', 'link115')" onMouseOut="HideTip('tt86')">mxConstants.STYLE_GRADIENT_DIRECTION</a> =&gt; gradientDirection</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_OPACITY" class=LVariable id=link116 onMouseOver="ShowTip(event, 'tt87', 'link116')" onMouseOut="HideTip('tt87')">mxConstants.STYLE_OPACITY</a> =&gt; opacity</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_FILL_OPACITY" class=LVariable id=link117 onMouseOver="ShowTip(event, 'tt88', 'link117')" onMouseOut="HideTip('tt88')">mxConstants.STYLE_FILL_OPACITY</a> =&gt; fillOpacity</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_STROKE_OPACITY" class=LVariable id=link118 onMouseOver="ShowTip(event, 'tt89', 'link118')" onMouseOut="HideTip('tt89')">mxConstants.STYLE_STROKE_OPACITY</a> =&gt; strokeOpacity</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_STROKECOLOR" class=LVariable id=link119 onMouseOver="ShowTip(event, 'tt90', 'link119')" onMouseOut="HideTip('tt90')">mxConstants.STYLE_STROKECOLOR</a> =&gt; stroke</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_STROKEWIDTH" class=LVariable id=link120 onMouseOver="ShowTip(event, 'tt91', 'link120')" onMouseOut="HideTip('tt91')">mxConstants.STYLE_STROKEWIDTH</a> =&gt; strokewidth</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_SHADOW" class=LVariable id=link121 onMouseOver="ShowTip(event, 'tt92', 'link121')" onMouseOut="HideTip('tt92')">mxConstants.STYLE_SHADOW</a> =&gt; isShadow</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_DASHED" class=LVariable id=link122 onMouseOver="ShowTip(event, 'tt93', 'link122')" onMouseOut="HideTip('tt93')">mxConstants.STYLE_DASHED</a> =&gt; isDashed</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_SPACING" class=LVariable id=link123 onMouseOver="ShowTip(event, 'tt94', 'link123')" onMouseOut="HideTip('tt94')">mxConstants.STYLE_SPACING</a> =&gt; spacing</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_STARTSIZE" class=LVariable id=link124 onMouseOver="ShowTip(event, 'tt95', 'link124')" onMouseOut="HideTip('tt95')">mxConstants.STYLE_STARTSIZE</a> =&gt; startSize</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_ENDSIZE" class=LVariable id=link125 onMouseOver="ShowTip(event, 'tt96', 'link125')" onMouseOut="HideTip('tt96')">mxConstants.STYLE_ENDSIZE</a> =&gt; endSize</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_ROUNDED" class=LVariable id=link126 onMouseOver="ShowTip(event, 'tt97', 'link126')" onMouseOut="HideTip('tt97')">mxConstants.STYLE_ROUNDED</a> =&gt; isRounded</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_STARTARROW" class=LVariable id=link127 onMouseOver="ShowTip(event, 'tt98', 'link127')" onMouseOut="HideTip('tt98')">mxConstants.STYLE_STARTARROW</a> =&gt; startArrow</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_ENDARROW" class=LVariable id=link128 onMouseOver="ShowTip(event, 'tt99', 'link128')" onMouseOut="HideTip('tt99')">mxConstants.STYLE_ENDARROW</a> =&gt; endArrow</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_ROTATION" class=LVariable id=link129 onMouseOver="ShowTip(event, 'tt100', 'link129')" onMouseOut="HideTip('tt100')">mxConstants.STYLE_ROTATION</a> =&gt; rotation</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_DIRECTION" class=LVariable id=link130 onMouseOver="ShowTip(event, 'tt101', 'link130')" onMouseOut="HideTip('tt101')">mxConstants.STYLE_DIRECTION</a> =&gt; direction</li><li><a href="../util/mxConstants-js.html#mxConstants.STYLE_GLASS" class=LVariable id=link131 onMouseOver="ShowTip(event, 'tt102', 'link131')" onMouseOut="HideTip('tt102')">mxConstants.STYLE_GLASS</a> =&gt; glass</li></ul><p>This keeps a reference to the <a href="#mxShape.style" class=LVariable id=link132 onMouseOver="ShowTip(event, 'tt12', 'link132')" onMouseOut="HideTip('tt12')">style</a>.&nbsp; If you need to keep a reference to the cell, you can override this method and store a local reference to state.cell or the <a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link133 onMouseOver="ShowTip(event, 'tt11', 'link133')" onMouseOut="HideTip('tt11')">mxCellState</a> itself.&nbsp; If <a href="#mxShape.outline" class=LVariable id=link134 onMouseOver="ShowTip(event, 'tt22', 'link134')" onMouseOut="HideTip('tt22')">outline</a> should be true, make sure to set it before calling this method.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="../view/mxCellState-js.html#mxCellState" class=LClass id=link135 onMouseOver="ShowTip(event, 'tt11', 'link135')" onMouseOut="HideTip('tt11')">mxCellState</a> of the corresponding cell.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.setCursor"></a>setCursor</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.setCursor = function(</td><td class="PParameter prettyprint " nowrap>cursor</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the cursor on the given shape.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cursor</td><td class=CDLDescription>The cursor to be used.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getCursor"></a>getCursor</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getCursor = function()</td></tr></table></blockquote><p>Returns the current cursor.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.updateBoundingBox"></a>updateBoundingBox</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.updateBoundingBox = function()</td></tr></table></blockquote><p>Updates the <a href="#mxShape.boundingBox" class=LVariable id=link136 onMouseOver="ShowTip(event, 'tt13', 'link136')" onMouseOut="HideTip('tt13')">boundingBox</a> for this shape using <a href="#mxShape.createBoundingBox" class=LFunction id=link137 onMouseOver="ShowTip(event, 'tt68', 'link137')" onMouseOut="HideTip('tt68')">createBoundingBox</a> and <a href="#mxShape.augmentBoundingBox" class=LFunction id=link138 onMouseOver="ShowTip(event, 'tt69', 'link138')" onMouseOut="HideTip('tt69')">augmentBoundingBox</a> and stores the result in <a href="#mxShape.boundingBox" class=LVariable id=link139 onMouseOver="ShowTip(event, 'tt13', 'link139')" onMouseOut="HideTip('tt13')">boundingBox</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createBoundingBox"></a>createBoundingBox</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createBoundingBox = function()</td></tr></table></blockquote><p>Returns a new rectangle that represents the bounding box of the bare shape with no shadows or strokewidths.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.augmentBoundingBox"></a>augmentBoundingBox</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.augmentBoundingBox = function(</td><td class="PParameter prettyprint " nowrap>bbox</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Augments the bounding box with the strokewidth and shadow offsets.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.isPaintBoundsInverted"></a>isPaintBoundsInverted</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isPaintBoundsInverted = function()</td></tr></table></blockquote><p>Returns true if the bounds should be inverted.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getRotation"></a>getRotation</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getRotation = function()</td></tr></table></blockquote><p>Returns the rotation from the style.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getTextRotation"></a>getTextRotation</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getTextRotation = function()</td></tr></table></blockquote><p>Returns the rotation for the text label.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.getShapeRotation"></a>getShapeRotation</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getShapeRotation = function()</td></tr></table></blockquote><p>Returns the actual rotation of the shape.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.createTransparentSvgRectangle"></a>createTransparentSvgRectangle</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.createTransparentSvgRectangle = function(</td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds a transparent rectangle that catches all events.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.setTransparentBackgroundImage"></a>setTransparentBackgroundImage</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.setTransparentBackgroundImage = function(</td><td class="PParameter prettyprint " nowrap>node</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets a transparent background CSS style to catch all events.</p><p>Paints the line shape.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.releaseSvgGradients"></a>releaseSvgGradients</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.releaseSvgGradients = function(</td><td class="PParameter prettyprint " nowrap>grads</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Paints the line shape.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxShape.destroy"></a>destroy</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.destroy = function()</td></tr></table></blockquote><p>Destroys the shape by removing it from the DOM and releasing the DOM node associated with the shape using <a href="../util/mxEvent-js.html#mxEvent.release" class=LFunction id=link140 onMouseOver="ShowTip(event, 'tt78', 'link140')" onMouseOut="HideTip('tt78')">mxEvent.release</a>.</p></div></div></div>
</div><!--Content-->
<div id=Footer><a href="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
<div id=Menu><div class=MEntry><div class=MFile><a href="../index-txt.html">API Specification</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent1')">Editor</a><div class=MGroupContent id=MGroupContent1><div class=MEntry><div class=MFile><a href="../editor/mxDefaultKeyHandler-js.html">mxDefaultKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultPopupMenu-js.html">mxDefaultPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultToolbar-js.html">mxDefaultToolbar</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxEditor-js.html">mxEditor</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent2')">Handler</a><div class=MGroupContent id=MGroupContent2><div class=MEntry><div class=MFile><a href="../handler/mxCellHighlight-js.html">mxCellHighlight</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellMarker-js.html">mxCellMarker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellTracker-js.html">mxCellTracker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConnectionHandler-js.html">mxConnectionHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConstraintHandler-js.html">mxConstraintHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeHandler-js.html">mxEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeSegmentHandler-js.html">mxEdgeSegmentHandler.js</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxElbowEdgeHandler-js.html">mxElbowEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxGraphHandler-js.html">mxGraphHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxHandle-js.html">mxHandle</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxKeyHandler-js.html">mxKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPanningHandler-js.html">mxPanningHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPopupMenuHandler-js.html">mxPopupMenuHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxRubberband-js.html">mxRubberband</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxSelectionCellsHandler-js.html">mxSelectionCellsHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxTooltipHandler-js.html">mxTooltipHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxVertexHandler-js.html">mxVertexHandler</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Io</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="../io/mxCellCodec-js.html">mxCellCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxChildChangeCodec-js.html">mxChildChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodec-js.html">mxCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodecRegistry-js.html">mxCodecRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultKeyHandlerCodec-js.html">mxDefaultKeyHandlerCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultPopupMenuCodec-js.html">mxDefaultPopupMenuCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultToolbarCodec-js.html">mxDefaultToolbarCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxEditorCodec-js.html">mxEditorCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGenericChangeCodec-js.html">mxGenericChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphCodec-js.html">mxGraphCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphViewCodec-js.html">mxGraphViewCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxModelCodec-js.html">mxModelCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxObjectCodec-js.html">mxObjectCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxRootChangeCodec-js.html">mxRootChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxStylesheetCodec-js.html">mxStylesheetCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxTerminalChangeCodec-js.html">mxTerminalChangeCodec</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent7')">Layout</a><div class=MGroupContent id=MGroupContent7><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent6')">Hierarchical</a><div class=MGroupContent id=MGroupContent6><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent4')">Model</a><div class=MGroupContent id=MGroupContent4><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphAbstractHierarchyCell-js.html">mxGraphAbstractHierarchyCell</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyEdge-js.html">mxGraphHierarchyEdge</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyModel-js.html">mxGraphHierarchyModel</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyNode-js.html">mxGraphHierarchyNode</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxSwimlaneModel-js.html">mxSwimlaneModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxHierarchicalLayout-js.html">mxHierarchicalLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxSwimlaneLayout-js.html">mxSwimlaneLayout</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent5')">Stage</a><div class=MGroupContent id=MGroupContent5><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxCoordinateAssignment-js.html">mxCoordinateAssignment</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxHierarchicalLayoutStage-js.html">mxHierarchicalLayoutStage</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMedianHybridCrossingReduction-js.html">mxMedianHybridCrossingReduction</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMinimumCycleRemover-js.html">mxMinimumCycleRemover</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxSwimlaneOrdering-js.html">mxSwimlaneOrdering</a></div></div></div></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCircleLayout-js.html">mxCircleLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompactTreeLayout-js.html">mxCompactTreeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompositeLayout-js.html">mxCompositeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxEdgeLabelLayout-js.html">mxEdgeLabelLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxFastOrganicLayout-js.html">mxFastOrganicLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxGraphLayout-js.html">mxGraphLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxParallelEdgeLayout-js.html">mxParallelEdgeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxPartitionLayout-js.html">mxPartitionLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxRadialTreeLayout-js.html">mxRadialTreeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxStackLayout-js.html">mxStackLayout</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent8')">Model</a><div class=MGroupContent id=MGroupContent8><div class=MEntry><div class=MFile><a href="../model/mxCell-js.html">mxCell</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxCellPath-js.html">mxCellPath</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGeometry-js.html">mxGeometry</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGraphModel-js.html">mxGraphModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../mxClient-js.html">mxClient</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent9')">Shape</a><div class=MGroupContent id=MGroupContent9><div class=MEntry><div class=MFile><a href="mxActor-js.html">mxActor</a></div></div><div class=MEntry><div class=MFile><a href="mxArrow-js.html">mxArrow</a></div></div><div class=MEntry><div class=MFile><a href="mxArrowConnector-js.html">mxArrowConnector</a></div></div><div class=MEntry><div class=MFile><a href="mxCloud-js.html">mxCloud</a></div></div><div class=MEntry><div class=MFile><a href="mxConnector-js.html">mxConnector</a></div></div><div class=MEntry><div class=MFile><a href="mxCylinder-js.html">mxCylinder</a></div></div><div class=MEntry><div class=MFile><a href="mxDoubleEllipse-js.html">mxDoubleEllipse</a></div></div><div class=MEntry><div class=MFile><a href="mxEllipse-js.html">mxEllipse</a></div></div><div class=MEntry><div class=MFile><a href="mxHexagon-js.html">mxHexagon</a></div></div><div class=MEntry><div class=MFile><a href="mxImageShape-js.html">mxImageShape</a></div></div><div class=MEntry><div class=MFile><a href="mxLabel-js.html">mxLabel</a></div></div><div class=MEntry><div class=MFile><a href="mxLine-js.html">mxLine</a></div></div><div class=MEntry><div class=MFile><a href="mxMarker-js.html">mxMarker</a></div></div><div class=MEntry><div class=MFile><a href="mxPolyline-js.html">mxPolyline</a></div></div><div class=MEntry><div class=MFile><a href="mxRectangleShape-js.html">mxRectangleShape</a></div></div><div class=MEntry><div class=MFile><a href="mxRhombus-js.html">mxRhombus</a></div></div><div class=MEntry><div class=MFile id=MSelected>mxShape</div></div><div class=MEntry><div class=MFile><a href="mxStencil-js.html">mxStencil</a></div></div><div class=MEntry><div class=MFile><a href="mxStencilRegistry-js.html">mxStencilRegistry</a></div></div><div class=MEntry><div class=MFile><a href="mxSwimlane-js.html">mxSwimlane</a></div></div><div class=MEntry><div class=MFile><a href="mxText-js.html">mxText</a></div></div><div class=MEntry><div class=MFile><a href="mxTriangle-js.html">mxTriangle</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent10')">Util</a><div class=MGroupContent id=MGroupContent10><div class=MEntry><div class=MFile><a href="../util/mxAbstractCanvas2D-js.html">mxAbstractCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxAnimation-js.html">mxAnimation</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxAutoSaveManager-js.html">mxAutoSaveManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxClipboard-js.html">mxClipboard</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxConstants-js.html">mxConstants</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDictionary-js.html">mxDictionary</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDivResizer-js.html">mxDivResizer</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDragSource-js.html">mxDragSource</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEffects-js.html">mxEffects</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEvent-js.html">mxEvent</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEventObject-js.html">mxEventObject</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEventSource-js.html">mxEventSource</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxForm-js.html">mxForm</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxGuide-js.html">mxGuide</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImage-js.html">mxImage</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImageBundle-js.html">mxImageBundle</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImageExport-js.html">mxImageExport</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxLog-js.html">mxLog</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxMorphing-js.html">mxMorphing</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxMouseEvent-js.html">mxMouseEvent</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxObjectIdentity-js.html">mxObjectIdentity</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPanningManager-js.html">mxPanningManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPoint-js.html">mxPoint</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPopupMenu-js.html">mxPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxRectangle-js.html">mxRectangle</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxResources-js.html">mxResources</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxSvgCanvas2D-js.html">mxSvgCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxToolbar-js.html">mxToolbar</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUndoableEdit-js.html">mxUndoableEdit</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUndoManager-js.html">mxUndoManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUrlConverter-js.html">mxUrlConverter</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUtils-js.html">mxUtils</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxVmlCanvas2D-js.html">mxVmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxWindow-js.html">mxWindow</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxXmlCanvas2D-js.html">mxXmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxXmlRequest-js.html">mxXmlRequest</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent11')">View</a><div class=MGroupContent id=MGroupContent11><div class=MEntry><div class=MFile><a href="../view/mxCellEditor-js.html">mxCellEditor</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellOverlay-js.html">mxCellOverlay</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellRenderer-js.html">mxCellRenderer</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellState-js.html">mxCellState</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellStatePreview-js.html">mxCellStatePreview</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxConnectionConstraint-js.html">mxConnectionConstraint</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxEdgeStyle-js.html">mxEdgeStyle</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraph-js.html">mxGraph</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraphSelectionModel-js.html">mxGraphSelectionModel</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraphView-js.html">mxGraphView</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxLayoutManager-js.html">mxLayoutManager</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxMultiplicity-js.html">mxMultiplicity</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxOutline-js.html">mxOutline</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxPerimeter-js.html">mxPerimeter</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxPrintPreview-js.html">mxPrintPreview</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxStyleRegistry-js.html">mxStyleRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxStylesheet-js.html">mxStylesheet</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxSwimlaneManager-js.html">mxSwimlaneManager</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxTemporaryCellStates-js.html">mxTemporaryCellStates</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent12')">Index</a><div class=MGroupContent id=MGroupContent12><div class=MEntry><div class=MIndex><a href="../../index/Classes.html">Classes</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Cookies.html">Cookies</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Events.html">Events</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Files.html">Files</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Variables.html">Variables</a></div></div></div></div></div><script type="text/javascript"><!--
var searchPanel = new SearchPanel("searchPanel", "HTML", "../../search");
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Cookies">Cookies</option><option value="Events">Events</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Variables">Variables</option></select></div><script language=JavaScript><!--
HideAllBut([9], 13);// --></script></div><!--Menu-->
<!--START_ND_TOOLTIPS-->
<div class=CToolTip id="tt1"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>function mxShape(</td><td class="PParameter prettyprint " nowrap>stencil</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new shape.</div></div><div class=CToolTip id="tt2"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.dialect</td></tr></table></blockquote>Holds the dialect in which the shape is to be painted. </div></div><div class=CToolTip id="tt3"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.scale</td></tr></table></blockquote>Holds the scale in which the shape is being painted.</div></div><div class=CToolTip id="tt4"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.antiAlias</td></tr></table></blockquote>Rendering hint for configuring the canvas.</div></div><div class=CToolTip id="tt5"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.bounds</td></tr></table></blockquote>Holds the mxRectangle that specifies the bounds of this shape.</div></div><div class=CToolTip id="tt6"><div class=CClass>Extends mxPoint to implement a 2-dimensional rectangle with double precision coordinates.</div></div><div class=CToolTip id="tt7"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.points</td></tr></table></blockquote>Holds the array of mxPoints that specify the points of this shape.</div></div><div class=CToolTip id="tt8"><div class=CClass>Implements a 2-dimensional vector with double precision coordinates.</div></div><div class=CToolTip id="tt9"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.node</td></tr></table></blockquote>Holds the outermost DOM node that represents this shape.</div></div><div class=CToolTip id="tt10"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.state</td></tr></table></blockquote>Optional reference to the corresponding mxCellState.</div></div><div class=CToolTip id="tt11"><div class=CClass>Represents the current state of a cell in a given mxGraphView.</div></div><div class=CToolTip id="tt12"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.style</td></tr></table></blockquote>Optional reference to the style of the corresponding mxCellState.</div></div><div class=CToolTip id="tt13"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.boundingBox</td></tr></table></blockquote>Contains the bounding box of the shape, that is, the smallest rectangle that includes all pixels of the shape.</div></div><div class=CToolTip id="tt14"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.stencil</td></tr></table></blockquote>Holds the mxStencil that defines the shape.</div></div><div class=CToolTip id="tt15"><div class=CClass>Implements a generic shape which is based on a XML node as a description.</div></div><div class=CToolTip id="tt16"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.svgStrokeTolerance</td></tr></table></blockquote>Event-tolerance for SVG strokes (in px). </div></div><div class=CToolTip id="tt17"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.pointerEvents</td></tr></table></blockquote>Specifies if pointer events should be handled. </div></div><div class=CToolTip id="tt18"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.svgPointerEvents</td></tr></table></blockquote>Specifies if pointer events should be handled. </div></div><div class=CToolTip id="tt19"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.shapePointerEvents</td></tr></table></blockquote>Specifies if pointer events outside of shape should be handled. </div></div><div class=CToolTip id="tt20"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.stencilPointerEvents</td></tr></table></blockquote>Specifies if pointer events outside of stencils should be handled. </div></div><div class=CToolTip id="tt21"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.vmlScale</td></tr></table></blockquote>Scale for improving the precision of VML rendering. </div></div><div class=CToolTip id="tt22"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.outline</td></tr></table></blockquote>Specifies if the shape should be drawn as an outline. </div></div><div class=CToolTip id="tt23"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.visible</td></tr></table></blockquote>Specifies if the shape is visible. </div></div><div class=CToolTip id="tt24"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.useSvgBoundingBox</td></tr></table></blockquote>Allows to use the SVG bounding box in SVG. </div></div><div class=CToolTip id="tt25"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.init = function(</td><td class="PParameter prettyprint " nowrap>container</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Initializes the shape by creaing the DOM node using create and adding it into the given container.</div></div><div class=CToolTip id="tt26"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.create = function(</td><td class="PParameter prettyprint " nowrap>container</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Creates and returns the DOM node(s) for the shape in the given container. </div></div><div class=CToolTip id="tt27"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.initStyles = function(</td><td class="PParameter prettyprint " nowrap>container</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the styles to their default values.</div></div><div class=CToolTip id="tt28"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isParseVml = function()</td></tr></table></blockquote>Specifies if any VML should be added via insertAdjacentHtml to the DOM. </div></div><div class=CToolTip id="tt29"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isHtmlAllowed = function()</td></tr></table></blockquote>Returns true if HTML is allowed for this shape. </div></div><div class=CToolTip id="tt30"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getSvgScreenOffset = function()</td></tr></table></blockquote>Returns 0, or 0.5 if strokewidth % 2 == 1.</div></div><div class=CToolTip id="tt31"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createSvg = function()</td></tr></table></blockquote>Creates and returns the SVG node(s) to represent this shape.</div></div><div class=CToolTip id="tt32"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createVml = function()</td></tr></table></blockquote>Creates and returns the VML node to represent this shape.</div></div><div class=CToolTip id="tt33"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createHtml = function()</td></tr></table></blockquote>Creates and returns the HTML DOM node(s) to represent this shape. </div></div><div class=CToolTip id="tt34"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.reconfigure = function()</td></tr></table></blockquote>Reconfigures this shape. </div></div><div class=CToolTip id="tt35"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.redraw = function()</td></tr></table></blockquote>Creates and returns the SVG node(s) to represent this shape.</div></div><div class=CToolTip id="tt36"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.clear = function()</td></tr></table></blockquote>Removes all child nodes and resets all CSS.</div></div><div class=CToolTip id="tt37"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.updateBoundsFromPoints = function()</td></tr></table></blockquote>Updates the bounds based on the points.</div></div><div class=CToolTip id="tt38"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.getLabelBounds = function(</td><td class="PParameter prettyprint " nowrap>rect</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the mxRectangle for the label bounds of this shape, based on the given scaled and translated bounds of the shape. </div></div><div class=CToolTip id="tt39"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.getLabelMargins= function(</td><td class="PParameter prettyprint " nowrap>rect</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the scaled top, left, bottom and right margin to be used for computing the label bounds as an mxRectangle, where the bottom and right margin are defined in the width and height of the rectangle, respectively.</div></div><div class=CToolTip id="tt40"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.checkBounds = function()</td></tr></table></blockquote>Returns true if the bounds are not null and all of its variables are numeric.</div></div><div class=CToolTip id="tt41"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createVmlGroup = function()</td></tr></table></blockquote>Returns the temporary element used for rendering in IE8 standards mode.</div></div><div class=CToolTip id="tt42"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.redrawShape = function()</td></tr></table></blockquote>Updates the SVG or VML shape.</div></div><div class=CToolTip id="tt43"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createCanvas = function()</td></tr></table></blockquote>Creates a new canvas for drawing this shape. </div></div><div class=CToolTip id="tt44"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createSvgCanvas = function()</td></tr></table></blockquote>Creates and returns an mxSvgCanvas2D for rendering this shape.</div></div><div class=CToolTip id="tt45"><div class=CClass>Extends mxAbstractCanvas2D to implement a canvas for SVG. </div></div><div class=CToolTip id="tt46"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createVmlCanvas = function()</td></tr></table></blockquote>Creates and returns an mxVmlCanvas2D for rendering this shape.</div></div><div class=CToolTip id="tt47"><div class=CClass>Implements a canvas to be used for rendering VML. </div></div><div class=CToolTip id="tt48"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.updateVmlContainer = function()</td></tr></table></blockquote>Updates the bounds of the VML container.</div></div><div class=CToolTip id="tt49"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.redrawHtmlShape = function()</td></tr></table></blockquote>Allow optimization by replacing VML with HTML.</div></div><div class=CToolTip id="tt50"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.updateHtmlFilters = function(</td><td class="PParameter prettyprint " nowrap>node</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Allow optimization by replacing VML with HTML.</div></div><div class=CToolTip id="tt51"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.destroyCanvas = function(</td><td class="PParameter prettyprint " nowrap>canvas</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Destroys the given canvas which was used for drawing. </div></div><div class=CToolTip id="tt52"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.paint = function(</td><td class="PParameter prettyprint " nowrap>c</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Generic rendering code.</div></div><div class=CToolTip id="tt53"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.configureCanvas = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the state of the canvas for drawing the shape.</div></div><div class=CToolTip id="tt54"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.getGradientBounds = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the bounding box for the gradient box for this shape.</div></div><div class=CToolTip id="tt55"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.updateTransform = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the scale and rotation on the given canvas.</div></div><div class=CToolTip id="tt56"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.paintVertexShape = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Paints the vertex shape.</div></div><div class=CToolTip id="tt57"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.paintBackground = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Hook for subclassers. </div></div><div class=CToolTip id="tt58"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.paintForeground = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Hook for subclassers. </div></div><div class=CToolTip id="tt59"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.paintEdgeShape = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>pts</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Hook for subclassers. </div></div><div class=CToolTip id="tt60"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.getArcSize = function(</td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the arc size for the given dimension.</div></div><div class=CToolTip id="tt61"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.paintGlassEffect = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>arc</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Paints the glass gradient effect.</div></div><div class=CToolTip id="tt62"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.addPoints = function(</td><td class="PParameter prettyprint " nowrap>c,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>pts,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>rounded,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>arcSize,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>close,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>exclude,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>initialMove</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Paints the given points with rounded corners.</div></div><div class=CToolTip id="tt63"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.resetStyles = function()</td></tr></table></blockquote>Resets all styles.</div></div><div class=CToolTip id="tt64"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.apply = function(</td><td class="PParameter prettyprint " nowrap>state</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Applies the style of the given mxCellState to the shape. </div></div><div class=CToolTip id="tt65"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.setCursor = function(</td><td class="PParameter prettyprint " nowrap>cursor</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the cursor on the given shape.</div></div><div class=CToolTip id="tt66"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getCursor = function()</td></tr></table></blockquote>Returns the current cursor.</div></div><div class=CToolTip id="tt67"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.updateBoundingBox = function()</td></tr></table></blockquote>Updates the boundingBox for this shape using createBoundingBox and augmentBoundingBox and stores the result in boundingBox.</div></div><div class=CToolTip id="tt68"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.createBoundingBox = function()</td></tr></table></blockquote>Returns a new rectangle that represents the bounding box of the bare shape with no shadows or strokewidths.</div></div><div class=CToolTip id="tt69"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.augmentBoundingBox = function(</td><td class="PParameter prettyprint " nowrap>bbox</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Augments the bounding box with the strokewidth and shadow offsets.</div></div><div class=CToolTip id="tt70"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.isPaintBoundsInverted = function()</td></tr></table></blockquote>Returns true if the bounds should be inverted.</div></div><div class=CToolTip id="tt71"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getRotation = function()</td></tr></table></blockquote>Returns the rotation from the style.</div></div><div class=CToolTip id="tt72"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getTextRotation = function()</td></tr></table></blockquote>Returns the rotation for the text label.</div></div><div class=CToolTip id="tt73"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.getShapeRotation = function()</td></tr></table></blockquote>Returns the actual rotation of the shape.</div></div><div class=CToolTip id="tt74"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.createTransparentSvgRectangle = function(</td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>w,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>h</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Adds a transparent rectangle that catches all events.</div></div><div class=CToolTip id="tt75"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.setTransparentBackgroundImage = function(</td><td class="PParameter prettyprint " nowrap>node</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets a transparent background CSS style to catch all events.</div></div><div class=CToolTip id="tt76"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxShape.prototype.releaseSvgGradients = function(</td><td class="PParameter prettyprint " nowrap>grads</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Paints the line shape.</div></div><div class=CToolTip id="tt77"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxShape.prototype.destroy = function()</td></tr></table></blockquote>Destroys the shape by removing it from the DOM and releasing the DOM node associated with the shape using mxEvent.release.</div></div><div class=CToolTip id="tt78"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>release: function(</td><td class="PParameter prettyprint " nowrap>element</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Removes the known listeners from the given DOM node and its descendants.</div></div><div class=CToolTip id="tt79"><div class=CClass>Renders cells into a document object model. </div></div><div class=CToolTip id="tt80"><div class=CClass>Extends mxEventSource to implement a graph component for the browser. </div></div><div class=CToolTip id="tt81"><div class=CClass>Extends mxShape to implement an actor shape. </div></div><div class=CToolTip id="tt82"><div class=CClass>Extends mxShape to implement an cylinder shape. </div></div><div class=CToolTip id="tt83"><div class=CClass>Defines various global constants.</div></div><div class=CToolTip id="tt84"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_FILLCOLOR: 'fillColor'</td></tr></table></blockquote>Defines the key for the fill color. </div></div><div class=CToolTip id="tt85"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_GRADIENTCOLOR: 'gradientColor'</td></tr></table></blockquote>Defines the key for the gradient color. </div></div><div class=CToolTip id="tt86"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_GRADIENT_DIRECTION: 'gradientDirection'</td></tr></table></blockquote>Defines the key for the gradient direction. </div></div><div class=CToolTip id="tt87"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_OPACITY: 'opacity'</td></tr></table></blockquote>Defines the key for the opacity style. </div></div><div class=CToolTip id="tt88"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_FILL_OPACITY: 'fillOpacity'</td></tr></table></blockquote>Defines the key for the fill opacity style. </div></div><div class=CToolTip id="tt89"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_STROKE_OPACITY: 'strokeOpacity'</td></tr></table></blockquote>Defines the key for the stroke opacity style. </div></div><div class=CToolTip id="tt90"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_STROKECOLOR: 'strokeColor'</td></tr></table></blockquote>Defines the key for the strokeColor style. </div></div><div class=CToolTip id="tt91"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_STROKEWIDTH: 'strokeWidth'</td></tr></table></blockquote>Defines the key for the strokeWidth style. </div></div><div class=CToolTip id="tt92"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_SHADOW: 'shadow'</td></tr></table></blockquote>Defines the key for the shadow style. </div></div><div class=CToolTip id="tt93"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_DASHED: 'dashed'</td></tr></table></blockquote>Defines the key for the dashed style. </div></div><div class=CToolTip id="tt94"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_SPACING: 'spacing'</td></tr></table></blockquote>Defines the key for the spacing. </div></div><div class=CToolTip id="tt95"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_STARTSIZE: 'startSize'</td></tr></table></blockquote>Defines the key for the startSize style. </div></div><div class=CToolTip id="tt96"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_ENDSIZE: 'endSize'</td></tr></table></blockquote>Defines the key for the endSize style. </div></div><div class=CToolTip id="tt97"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_ROUNDED: 'rounded'</td></tr></table></blockquote>Defines the key for the rounded style. </div></div><div class=CToolTip id="tt98"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_STARTARROW: 'startArrow'</td></tr></table></blockquote>Defines the key for the start arrow marker. </div></div><div class=CToolTip id="tt99"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_ENDARROW: 'endArrow'</td></tr></table></blockquote>Defines the key for the end arrow marker. </div></div><div class=CToolTip id="tt100"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_ROTATION: 'rotation'</td></tr></table></blockquote>Defines the key for the rotation style. </div></div><div class=CToolTip id="tt101"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_DIRECTION: 'direction'</td></tr></table></blockquote>Defines the key for the direction style. </div></div><div class=CToolTip id="tt102"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">STYLE_GLASS: 'glass'</td></tr></table></blockquote>Defines the key for the glass style. </div></div><!--END_ND_TOOLTIPS-->
<div id=MSearchResultsWindow><iframe src="" frameborder=0 name=MSearchResults id=MSearchResults></iframe><a href="javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose>Close</a></div>
<script language=JavaScript><!--
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>
Reference in New Issue View Git Blame Copy Permalink