180 lines
100 KiB
HTML
180 lines
100 KiB
HTML
|
<!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>mxSvgCanvas2D</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="mxSvgCanvas2D"></a>mxSvgCanvas2D</h1><div class=CBody><p>Extends <a href="mxAbstractCanvas2D-js.html#mxAbstractCanvas2D" class=LClass id=link58 onMouseOver="ShowTip(event, 'tt1', 'link58')" onMouseOut="HideTip('tt1')">mxAbstractCanvas2D</a> to implement a canvas for SVG. This canvas writes all calls as SVG output to the given SVG root node.</p><blockquote><pre class="prettyprint">var svgDoc = mxUtils.createXmlDocument();
|
||
|
|
var root = (svgDoc.createElementNS != null) ?
|
||
|
|
svgDoc.createElementNS(mxConstants.NS_SVG, 'svg') : svgDoc.createElement('svg');
|
||
|
|
|
||
|
|
if (svgDoc.createElementNS == null)
|
||
|
|
{
|
||
|
|
root.setAttribute('xmlns', mxConstants.NS_SVG);
|
||
|
|
root.setAttribute('xmlns:xlink', mxConstants.NS_XLINK);
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
root.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns:xlink', mxConstants.NS_XLINK);
|
||
|
|
}
|
||
|
|
|
||
|
|
var bounds = graph.getGraphBounds();
|
||
|
|
root.setAttribute('width', (bounds.x + bounds.width + 4) + 'px');
|
||
|
|
root.setAttribute('height', (bounds.y + bounds.height + 4) + 'px');
|
||
|
|
root.setAttribute('version', '1.1');
|
||
|
|
|
||
|
|
svgDoc.appendChild(root);
|
||
|
|
|
||
|
|
var svgCanvas = new mxSvgCanvas2D(root);</pre></blockquote><p>A description of the public API is available in <a href="mxXmlCanvas2D-js.html#mxXmlCanvas2D" class=LClass id=link59 onMouseOver="ShowTip(event, 'tt58', 'link59')" onMouseOut="HideTip('tt58')">mxXmlCanvas2D</a>.</p><p>To disable anti-aliasing in the output, use the following code.</p><blockquote><pre class="prettyprint">graph.view.canvas.ownerSVGElement.setAttribute('shape-rendering', 'crispEdges');</pre></blockquote><p>Or set the respective attribute in the SVG element directly.</p><!--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="#mxSvgCanvas2D" >mxSvgCanvas2D</a></td><td class=SDescription>Extends <a href="mxAbstractCanvas2D-js.html#mxAbstractCanvas2D" class=LClass id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">mxAbstractCanvas2D</a> to implement a canvas for SVG. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxSvgCanvas2D.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxSvgCanvas2D.mxSvgCanvas2D" id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">mxSvgCanvas2D</a></td><td class=SDescription>Constructs a new SVG canvas.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxSvgCanvas2D.Variables" >Variables</a></td><td class=SDescription></td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxSvgCanvas2D.root" id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">root</a></td><td class=SDescription>Reference to the container for the SVG content.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxSvgCanvas2D.gradients" id=link4 onMouseOver="ShowTip(event, 'tt4', 'link4')" onMouseOut="HideTip('tt4')">gradients</a></td><td class=SDescription>Local cache of gradients for quick lookups.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxSvgCanvas2D.defs" id=link5 onMouseOver="ShowTip(event, 'tt5', 'link5')" onMouseOut="HideTip('tt5')">defs</a></td><td class=SDescription>Reference to the defs section of the SVG document. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxSvgCanvas2D.styleEnabled" id=link6 onMouseOver="ShowTip(event, 'tt6', 'link6')" onMouseOut="HideTip('tt6')">styleEnabled</a></td><td class=SDescription>Stores the value of styleEnabled passed to the constructor.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxSvgCanvas2D.path" >path</a></td><td class=SDescription>Holds the current DOM node.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxSvgCanvas2D.matchHtmlAlignment" id=link7 onMouseOver="ShowTip(event, 'tt7', 'link7')" onMouseOut="HideTip('tt7')">matchHtmlAlignment</a></td><td class=SDescription>Specifies if plain text output should match the vertical HTML alignment. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxSvgCanvas2D.textEnabled" id=link8 onMouseOver="ShowTip(event, 'tt8', 'link8')" onMouseOut="HideTip('tt8')">textEnabled</a></td><td class=SDescription>Specifies if text output should be enabled. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxSvgCanvas2D.foEnabled" id=link9 onMouseOver="ShowTip(event, 'tt9', 'link9')" onMouseOut="HideTip('tt9')">foEnabled</a></td><td class=SDescription>Specifies if use of foreignObject for HTML markup is allowed. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxSvgCanvas2D.foAltText" id=link10 onMouseOver="ShowTip(event, 'tt10', 'link10')" onMouseOut="HideTip('tt10')">foAltText</a></td><td class=SDescription>Specifies the fallback text for unsupported foreignObjects in exported documents. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxSvgCanvas2D.foOffset" id=link11 onMouseOver="ShowTip(event, 'tt11', 'link11')" onMouseOut=
|
||
|
|
|
||
|
|
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.Functions"></a>Functions</h3></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.mxSvgCanvas2D"></a>mxSvgCanvas2D</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 mxSvgCanvas2D(</td><td class="PParameter prettyprint " nowrap>root,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>styleEnabled</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new SVG canvas.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>root</td><td class=CDLDescription>SVG container for the output.</td></tr><tr><td class=CDLEntry>styleEnabled</td><td class=CDLDescription>Optional boolean that specifies if a style section should be added. The style section sets the default font-size, font-family and stroke-miterlimit globally. Default is false.</td></tr></table></div></div></div>
|
||
|
|
|
||
|
|
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.Variables"></a>Variables</h3></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.root"></a>root</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">this.root</td></tr></table></blockquote><p>Reference to the container for the SVG content.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.gradients"></a>gradients</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">this.gradients</td></tr></table></blockquote><p>Local cache of gradients for quick lookups.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.defs"></a>defs</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">this.defs</td></tr></table></blockquote><p>Reference to the defs section of the SVG document. Only for export.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.styleEnabled"></a>styleEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">this.styleEnabled</td></tr></table></blockquote><p>Stores the value of styleEnabled passed to the constructor.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.path"></a>path</h3><div class=CBody><p>Holds the current DOM node.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.matchHtmlAlignment"></a>matchHtmlAlignment</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.matchHtmlAlignment</td></tr></table></blockquote><p>Specifies if plain text output should match the vertical HTML alignment. Defaul is true.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.textEnabled"></a>textEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.textEnabled</td></tr></table></blockquote><p>Specifies if text output should be enabled. Default is true.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.foEnabled"></a>foEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.foEnabled</td></tr></table></blockquote><p>Specifies if use of foreignObject for HTML markup is allowed. Default is true.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.foAltText"></a>foAltText</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.foAltText</td></tr></table></blockquote><p>Specifies the fallback text for unsupported foreignObjects in exported documents. Default is ‘[Object]’. If this is set to null then no fallback text is added to the exported document.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.foOffset"></a>foOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.foOffset</td></tr></table></blockquote><p>Offset to be used for foreignObjects.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.textOffset"></a>textOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.textOffset</td></tr></table></blockquote><p>Offset to be used for text elements.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.imageOffset"></a>imageOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.imageOffset</td></tr></table></blockquote><p>Offset to be used for image elements.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.strokeTolerance"></a>strokeTolerance</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.strokeTolerance</td></tr></table></blockquote><p>Adds transparent paths for strokes.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.minStrokeWidth"></a>minStrokeWidth</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.minStrokeWidth</td></tr></table></blockquote><p>Minimum stroke width for output.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.refCount"></a>refCount</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.refCount</td></tr></table></blockquote><p>Local counter for references in SVG export.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.lineHeightCorrection"></a>lineHeightCorrection</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.lineHeightCorrection</td></tr></table></blockquote><p>Correction factor for <a href="mxConstants-js.html#mxConstants.LINE_HEIGHT" class=LVariable id=link60 onMouseOver="ShowTip(event, 'tt18', 'link60')" onMouseOut="HideTip('tt18')">mxConstants.LINE_HEIGHT</a> in HTML output. Default is 1.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.pointerEventsValue"></a>pointerEventsValue</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.pointerEventsValue</td></tr></table></blockquote><p>Default value for active pointer events. Default is all.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.fontMetricsPadding"></a>fontMetricsPadding</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.fontMetricsPadding</td></tr></table></blockquote><p>Padding to be added for text that is not wrapped to account for differences in font metrics on different platforms in pixels. Default is 10.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.cacheOffsetSize"></a>cacheOffsetSize</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.cacheOffsetSize</td></tr></table></blockquote><p>Specifies if offsetWidth and offsetHeight should be cached. Default is true. This is used to speed up repaint of text in <updateText>.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.Functions"></a>Functions</h3></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.format"></a>format</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>mxSvgCanvas2D.prototype.format = function(</td><td class="PParameter prettyprint " nowrap>value</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Rounds all numbers to 2 decimal points.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.getBaseUrl"></a>getBaseUrl</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.getBaseUrl = function()</td></tr></table></blockquote><p>Returns the URL of the page without the hash part. This needs to use href to include any search part with no params (ie question mark alone). This is a workaround for the fact that window.location.search is empty if there is no search string behind the question mark.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.reset"></a>reset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.reset = function()</td></tr></table></blockquote><p>Returns any offsets for rendering pixels.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.createStyle"></a>createStyle</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>mxSvgCanvas2D.prototype.createStyle = function(</td><td class="PParameter prettyprint " nowrap>x</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates the optional style section.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.createElement"></a>createElement</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>mxSvgCanvas2D.prototype.createElement = function(</td><td class="PParameter prettyprint " nowrap>tagName,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>namespace</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Private helper function to create SVG elements</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.getAlternateText"></a>getAlternateText</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>mxSvgCanvas2D.prototype.getAlternateText = function(</td><td class="PParameter prettyprint " nowrap>fo,</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>str,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>align,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>valign,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>wrap,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>format,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>overflow,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>clip,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>rotation</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the alternate text string for the given foreignObject.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.getAlternateContent"></a>getAlternateContent</h3><div class=CBody><p>Returns the alternate content for the given foreignObject.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.createGradientId"></a>createGradientId</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>mxSvgCanvas2D.prototype.createGradientId = function(</td><td class="PParameter prettyprint " nowrap>start,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>end,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>alpha1,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>alpha2,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>direction</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Private helper function to create SVG elements</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.getSvgGradient"></a>getSvgGradient</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>mxSvgCanvas2D.prototype.getSvgGradient = function(</td><td class="PParameter prettyprint " nowrap>start,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>end,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>alpha1,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>alpha2,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>direction</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Private helper function to create SVG elements</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.createSvgGradient"></a>createSvgGradient</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>mxSvgCanvas2D.prototype.createSvgGradient = function(</td><td class="PParameter prettyprint " nowrap>start,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>end,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>alpha1,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>alpha2,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>direction</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates the given SVG gradient.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.addNode"></a>addNode</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>mxSvgCanvas2D.prototype.addNode = function(</td><td class="PParameter prettyprint " nowrap>filled,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>stroked</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Private helper function to create SVG elements</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.updateFill"></a>updateFill</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.updateFill = function()</td></tr></table></blockquote><p>Transfers the stroke attributes from <state> to <node>.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.getCurrentStrokeWidth"></a>getCurrentStrokeWidth</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.getCurrentStrokeWidth = function()</td></tr></table></blockquote><p>Returns the current stroke width (>= 1), ie. max(1, this.format(this.state.strokeWidth * this.state.scale)).</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.updateStroke"></a>updateStroke</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.updateStroke = function()</td></tr></table></blockquote><p>Transfers the stroke attributes from <state> to <node>.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.updateStrokeAttributes"></a>updateStrokeAttributes</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.updateStrokeAttributes = function()</td></tr></table></blockquote><p>Transfers the stroke attributes from <state> to <node>.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.createDashPattern"></a>createDashPattern</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>mxSvgCanvas2D.prototype.createDashPattern = function(</td><td class="PParameter prettyprint " nowrap>scale</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates the SVG dash pattern for the given state.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.createTolerance"></a>createTolerance</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>mxSvgCanvas2D.prototype.createTolerance = function(</td><td class="PParameter prettyprint " nowrap>node</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates a hit detection tolerance shape for the given node.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.createShadow"></a>createShadow</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>mxSvgCanvas2D.prototype.createShadow = function(</td><td class="PParameter prettyprint " nowrap>node</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates a shadow for the given node.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.setLink"></a>setLink</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>mxSvgCanvas2D.prototype.setLink = function(</td><td class="PParameter prettyprint " nowrap>link</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Experimental implementation for hyperlinks.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.rotate"></a>rotate</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>mxSvgCanvas2D.prototype.rotate = function(</td><td class="PParameter prettyprint " nowrap>theta,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>flipH,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>flipV,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>cx,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>cy</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the rotation of the canvas. Note that rotation cannot be concatenated.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.begin"></a>begin</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.begin = function()</td></tr></table></blockquote><p>Extends superclass to create path.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.rect"></a>rect</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>mxSvgCanvas2D.prototype.rect = 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>Private helper function to create SVG elements</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.roundrect"></a>roundrect</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>mxSvgCanvas2D.prototype.roundrect = 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></tr><tr><td></td><td class="PParameter prettyprint " nowrap>dx,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>dy</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Private helper function to create SVG elements</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.ellipse"></a>ellipse</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>mxSvgCanvas2D.prototype.ellipse = 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>Private helper function to create SVG elements</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.image"></a>image</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>mxSvgCanvas2D.prototype.image = 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></tr><tr><td></td><td class="PParameter prettyprint " nowrap>src,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>aspect,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>flipH,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>flipV</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Private helper function to create SVG elements</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.convertHtml"></a>convertHtml</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>mxSvgCanvas2D.prototype.convertHtml = function(</td><td class="PParameter prettyprint " nowrap>val</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Converts the given HTML string to XHTML.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.createDiv"></a>createDiv</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>mxSvgCanvas2D.prototype.createDiv = function(</td><td class="PParameter prettyprint " nowrap>str</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Private helper function to create SVG elements</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.addForeignObject"></a>addForeignObject</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>mxSvgCanvas2D.prototype.addForeignObject = 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></tr><tr><td></td><td class="PParameter prettyprint " nowrap>str,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>align,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>valign,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>wrap,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>format,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>overflow,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>clip,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>rotation,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>dir,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>div,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>root</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates a foreignObject for the given string and adds it to the given root.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.getTextCss"></a>getTextCss</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.getTextCss = function()</td></tr></table></blockquote><p>Private helper function to create SVG elements</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.text"></a>text</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>mxSvgCanvas2D.prototype.text = 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></tr><tr><td></td><td class="PParameter prettyprint " nowrap>str,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>align,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>valign,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>wrap,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>format,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>overflow,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>clip,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>rotation,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>dir</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Paints the given text. Possible values for format are empty string for plain text and html for HTML markup. Note that HTML markup is only supported if foreignObject is supported and <a href="#mxSvgCanvas2D.foEnabled" class=LVariable id=link61 onMouseOver="ShowTip(event, 'tt9', 'link61')" onMouseOut="HideTip('tt9')">foEnabled</a> is true. (This means IE9 and later does currently not support HTML text as part of shapes.)</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.createClip"></a>createClip</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>mxSvgCanvas2D.prototype.createClip = 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>Creates a clip for the given coordinates.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.plainText"></a>plainText</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>mxSvgCanvas2D.prototype.plainText = 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></tr><tr><td></td><td class="PParameter prettyprint " nowrap>str,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>align,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>valign,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>wrap,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>overflow,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>clip,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>rotation,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>dir</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Paints the given text. Possible values for format are empty string for plain text and html for HTML markup.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.updateFont"></a>updateFont</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>mxSvgCanvas2D.prototype.updateFont = function(</td><td class="PParameter prettyprint " nowrap>node</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the text properties for the given node. (NOTE: For this to work in IE, the given node must be a text or tspan element.)</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.addTextBackground"></a>addTextBackground</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>mxSvgCanvas2D.prototype.addTextBackground = function(</td><td class="PParameter prettyprint " nowrap>node,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>str,</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>align,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>valign,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>overflow</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Background color and border</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.stroke"></a>stroke</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.stroke = function()</td></tr></table></blockquote><p>Paints the outline of the current path.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.fill"></a>fill</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.fill = function()</td></tr></table></blockquote><p>Fills the current path.</p></div></div></div>
|
||
|
|
|
||
|
|
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxSvgCanvas2D.fillAndStroke"></a>fillAndStroke</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.fillAndStroke = function()</td></tr></table></blockquote><p>Fills and paints the outline of the current path.</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></di
|
||
|
|
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([10], 13);// --></script></div><!--Menu-->
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!--START_ND_TOOLTIPS-->
|
||
|
|
<div class=CToolTip id="tt1"><div class=CClass>Base class for all canvases. </div></div><div class=CToolTip id="tt2"><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 mxSvgCanvas2D(</td><td class="PParameter prettyprint " nowrap>root,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>styleEnabled</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new SVG canvas.</div></div><div class=CToolTip id="tt3"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">this.root</td></tr></table></blockquote>Reference to the container for the SVG content.</div></div><div class=CToolTip id="tt4"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">this.gradients</td></tr></table></blockquote>Local cache of gradients for quick lookups.</div></div><div class=CToolTip id="tt5"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">this.defs</td></tr></table></blockquote>Reference to the defs section of the SVG document. </div></div><div class=CToolTip id="tt6"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">this.styleEnabled</td></tr></table></blockquote>Stores the value of styleEnabled passed to the constructor.</div></div><div class=CToolTip id="tt7"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.matchHtmlAlignment</td></tr></table></blockquote>Specifies if plain text output should match the vertical HTML alignment. </div></div><div class=CToolTip id="tt8"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.textEnabled</td></tr></table></blockquote>Specifies if text output should be enabled. </div></div><div class=CToolTip id="tt9"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.foEnabled</td></tr></table></blockquote>Specifies if use of foreignObject for HTML markup is allowed. </div></div><div class=CToolTip id="tt10"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.foAltText</td></tr></table></blockquote>Specifies the fallback text for unsupported foreignObjects in exported documents. </div></div><div class=CToolTip id="tt11"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.foOffset</td></tr></table></blockquote>Offset to be used for foreignObjects.</div></div><div class=CToolTip id="tt12"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.textOffset</td></tr></table></blockquote>Offset to be used for text elements.</div></div><div class=CToolTip id="tt13"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.imageOffset</td></tr></table></blockquote>Offset to be used for image elements.</div></div><div class=CToolTip id="tt14"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.strokeTolerance</td></tr></table></blockquote>Adds transparent paths for strokes.</div></div><div class=CToolTip id="tt15"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxSvgCanvas2D.prototype.minStrokeWidth</t
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<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>
|