UNPKG

@mapgis/webclient-leaflet-plugin

Version:

开发时需要引入MapGIS Client for JavaScript(Leaflet)开发包;其中包括必备的 CSS 文件和 JS 文件;

3,694 lines (1,291 loc) 54.6 kB
<header id="page-title" class="page-title"> <span class="page-title-main">类名</span> <span class="page-title-sub">ThemeStyle</span> </header> <section> <article> <div class="container-overview"> <div class='vertical-section'> <div class="members"> <div class="member"> <h4 class="name" id="ThemeStyle"> <a class="href-link" href="#ThemeStyle">#</a> <span class="code-name" id="ThemeStyle" style="font-size:30px"> new ThemeStyle<span class="signature">(options)</span> </span> </h4> <h4>参数</h4> <div class="table-container"> <table class="params table"> <thead> <tr> <th>名称</th> <th>类型</th> <th style="min-width: 100px;">默认值</th> <th class="last">描述</th> </tr> </thead> <tbody> <tr class="deep-level-0"> <td class="name"><code>options</code></td> <td class="type"> <span class="param-type"> Object </span> </td> <td class="default"> </td> <td class="description last"><p>可选参数。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>fill</code></td> <td class="type"> <span class="param-type"> boolean </span> </td> <td class="default"> true </td> <td class="description last"><p>是否填充,不需要填充则设置为 false。如果 fill 与 stroke 同时为 false,将按 fill 与 stroke 的默认值渲染图层。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>fillColor</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> '#000000' </td> <td class="description last"><p>十六进制填充颜色。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>fillOpacity</code></td> <td class="type"> <span class="param-type"> number </span> </td> <td class="default"> 1 </td> <td class="description last"><p>填充不透明度。取值范围[0, 1]。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>stroke</code></td> <td class="type"> <span class="param-type"> boolean </span> </td> <td class="default"> false </td> <td class="description last"><p>是否描边,不需要描边则设置为false。如果 fill 与 stroke 同时为 false,将按 fill 与 stroke 的默认值渲染图层。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>strokeColor</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> '#000000' </td> <td class="description last"><p>十六进制描边颜色。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>strokeOpacity</code></td> <td class="type"> <span class="param-type"> number </span> </td> <td class="default"> 1 </td> <td class="description last"><p>描边的不透明度。取值范围[0, 1]。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>strokeWidth</code></td> <td class="type"> <span class="param-type"> number </span> </td> <td class="default"> 1 </td> <td class="description last"><p>线宽度/描边宽度。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>strokeLinecap</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> 'butt' </td> <td class="description last"><p>线帽样式。strokeLinecap 有三种类型 “butt&quot;, &quot;round&quot;, &quot;square&quot;。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>strokeLineJoin</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> 'iter' </td> <td class="description last"><p>线段连接样式。strokeLineJoin 有三种类型 “miter&quot;, &quot;round&quot;, &quot;bevel&quot;。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>strokeDashstyle</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> 'solid' </td> <td class="description last"><p>虚线类型。strokeDashstyle 有八种类型 “dot&quot;,“dash&quot;,“dashdot&quot;,“longdash&quot;,“longdashdot&quot;,“solid&quot;, &quot;dashed&quot;, &quot;dotted&quot;。solid 表示实线。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>pointRadius</code></td> <td class="type"> <span class="param-type"> number </span> </td> <td class="default"> 6 </td> <td class="description last"><p>点半径,单位为像素。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>shadowBlur</code></td> <td class="type"> <span class="param-type"> number </span> </td> <td class="default"> 0 </td> <td class="description last"><p>阴影模糊度,(大于 0 有效;)。注:请将 shadowColor 属性与 shadowBlur 属性一起使用,来创建阴影。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>shadowColor</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> '#000000' </td> <td class="description last"><p>阴影颜色。注:请将 shadowColor 属性与 shadowBlur 属性一起使用,来创建阴影。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>shadowOffsetX</code></td> <td class="type"> <span class="param-type"> number </span> </td> <td class="default"> 0 </td> <td class="description last"><p>阴影 X 方向偏移值。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>shadowOffsetY</code></td> <td class="type"> <span class="param-type"> number </span> </td> <td class="default"> 0 </td> <td class="description last"><p>阴影 Y 方向偏移值。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>label</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> </td> <td class="description last"><p>专题要素附加文本标签内容。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>fontColor</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> </td> <td class="description last"><p>附加文本字体颜色。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>fontSize</code></td> <td class="type"> <span class="param-type"> number </span> </td> <td class="default"> 12 </td> <td class="description last"><p>附加文本字体大小,单位是像素。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>fontStyle</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> 'normal' </td> <td class="description last"><p>附加文本字体样式。可设值:&quot;normal&quot;, &quot;italic&quot;, &quot;oblique&quot;。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>fontVariant</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> 'normal' </td> <td class="description last"><p>附加文本字体变体。可设值:&quot;normal&quot;, &quot;small-caps&quot;。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>fontWeight</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> 'normal' </td> <td class="description last"><p>附加文本字体粗细。可设值:&quot;normal&quot;, &quot;bold&quot;, &quot;bolder&quot;, &quot;lighter&quot;。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>fontFamily</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> 'arial,sans-serif' </td> <td class="description last"><p>附加文本字体系列。fontFamily 值是字体族名称或/及类族名称的一个优先表,每个值逗号分割, 浏览器会使用它可识别的第一个可以使用具体的字体名称(&quot;times&quot;、&quot;courier&quot;、&quot;arial&quot;)或字体系列名称 (&quot;serif&quot;、&quot;sans-serif&quot;、&quot;cursive&quot;、&quot;fantasy&quot;、&quot;monospace&quot;)。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>labelPosition</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> 'top' </td> <td class="description last"><p>附加文本位置, 可以是 'inside', 'left', 'right', 'top', 'bottom'。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>labelAlign</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> 'center' </td> <td class="description last"><p>附加文本水平对齐。可以是 'left', 'right', 'center'。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>labelBaseline</code></td> <td class="type"> <span class="param-type"> string </span> </td> <td class="default"> 'middle' </td> <td class="description last"><p>附加文本垂直对齐。 可以是 'top', 'bottom', 'middle' 。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>labelXOffset</code></td> <td class="type"> <span class="param-type"> number </span> </td> <td class="default"> 0 </td> <td class="description last"><p>附加文本在x轴方向的偏移量。</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>labelYOffset</code></td> <td class="type"> <span class="param-type"> number </span> </td> <td class="default"> 0 </td> <td class="description last"><p>附加文本在y轴方向的偏移量。</p></td> </tr> </tbody> </table> </div> <dl class="details"> </dl> </div> </div> </div> </div> <div class='vertical-section'> <h3 id='member'>成员变量</h3> <h4 style="margin-top: 20px;margin-bottom: 20px;">成员变量概述</h4> <div class="table-container"> <table class="params table"> <thead> <tr> <th>名称</th> <th>类型</th> <th>描述</th> </tr> </thead> <tbody> <tr class="deep-level-0"> <td class="name"><code><a href="#fill">fill</a></code></td> <td class="name"> <code> <span class="param-type"> boolean </span> </code> </td> <td class="name"><code><p>是否填充,不需要填充则设置为 false。如果 fill 与 stroke 同时为 false,将按 fill 与 stroke 的默认值渲染图层。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#fillColor">fillColor</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>十六进制填充颜色。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#fillOpacity">fillOpacity</a></code></td> <td class="name"> <code> <span class="param-type"> number </span> </code> </td> <td class="name"><code><p>填充不透明度。取值范围[0, 1]。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#fontColor">fontColor</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>附加文本字体颜色。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#fontFamily">fontFamily</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>附加文本字体系列。fontFamily 值是字体族名称或/及类族名称的一个优先表,每个值逗号分割,浏览器会使用它可识别的第一个 可以使用具体的字体名称(&quot;times&quot;、&quot;courier&quot;、&quot;arial&quot;)或字体系列名称(&quot;serif&quot;、&quot;sans-serif&quot;、&quot;cursive&quot;、&quot;fantasy&quot;、&quot;monospace&quot;)。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#fontSize">fontSize</a></code></td> <td class="name"> <code> <span class="param-type"> number </span> </code> </td> <td class="name"><code><p>附加文本字体大小,单位是像素。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#fontStyle">fontStyle</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>附加文本字体样式。可设值:&quot;normal&quot;, &quot;italic&quot;, &quot;oblique&quot;。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#fontVariant">fontVariant</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>附加文本字体变体。可设值:&quot;normal&quot;, &quot;small-caps&quot;。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#fontWeight">fontWeight</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>附加文本字体粗细。可设值:&quot;normal&quot;, &quot;bold&quot;, &quot;bolder&quot;, &quot;lighter&quot;。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#label">label</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>专题要素附加文本标签内容。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#labelAlign">labelAlign</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>附加文本水平对齐。可以是 'left', 'right', 'center'。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#labelBaseline">labelBaseline</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>附加文本垂直对齐。 可以是 'top', 'bottom', 'middle'。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#labelPosition">labelPosition</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>附加文本位置, 可以是 'inside', 'left', 'right', 'top', 'bottom'。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#labelRect">labelRect</a></code></td> <td class="name"> <code> <span class="param-type"> boolean </span> </code> </td> <td class="name"><code><p>是否显示文本标签矩形背景。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#labelXOffset">labelXOffset</a></code></td> <td class="name"> <code> <span class="param-type"> number </span> </code> </td> <td class="name"><code><p>附加文本在 X 轴方向的偏移量。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#labelYOffset">labelYOffset</a></code></td> <td class="name"> <code> <span class="param-type"> number </span> </code> </td> <td class="name"><code><p>附加文本在 Y 轴方向的偏移量。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#pointRadius">pointRadius</a></code></td> <td class="name"> <code> <span class="param-type"> number </span> </code> </td> <td class="name"><code><p>点半径。单位为像素。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#shadowBlur">shadowBlur</a></code></td> <td class="name"> <code> <span class="param-type"> number </span> </code> </td> <td class="name"><code><p>阴影模糊度,(大于 0 有效)。注:请将 shadowColor 属性与 shadowBlur 属性一起使用,来创建阴影。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#shadowColor">shadowColor</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>阴影颜色。注:请将 shadowColor 属性与 shadowBlur 属性一起使用,来创建阴影。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#shadowOffsetX">shadowOffsetX</a></code></td> <td class="name"> <code> <span class="param-type"> number </span> </code> </td> <td class="name"><code><p>阴影 X 方向偏移值。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#shadowOffsetY">shadowOffsetY</a></code></td> <td class="name"> <code> <span class="param-type"> number </span> </code> </td> <td class="name"><code><p>Y 方向偏移值。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#stroke">stroke</a></code></td> <td class="name"> <code> <span class="param-type"> boolean </span> </code> </td> <td class="name"><code><p>是否描边,不需要描边则设置为false。如果 fill 与 stroke 同时为 false,将按 fill 与 stroke 的默认值渲染图层。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#strokeColor">strokeColor</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>十六进制描边颜色。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#strokeDashstyle">strokeDashstyle</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>虚线类型; strokeDashstyle 有八种类型 “dot&quot;,“dash&quot;,“dashdot&quot;,“longdash&quot;,“longdashdot&quot;,“solid&quot;, &quot;dashed&quot;, &quot;dotted&quot;; solid 表示实线。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#strokeLinecap">strokeLinecap</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>线帽样式;strokeLinecap 有三种类型 “butt&quot;, &quot;round&quot;, &quot;square&quot; 。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#strokeLineJoin">strokeLineJoin</a></code></td> <td class="name"> <code> <span class="param-type"> string </span> </code> </td> <td class="name"><code><p>线段连接样式;strokeLineJoin 有三种类型 “miter&quot;, &quot;round&quot;, &quot;bevel&quot;。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#strokeOpacity">strokeOpacity</a></code></td> <td class="name"> <code> <span class="param-type"> number </span> </code> </td> <td class="name"><code><p>描边的不透明度。取值范围[0, 1]。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#strokeWidth">strokeWidth</a></code></td> <td class="name"> <code> <span class="param-type"> number </span> </code> </td> <td class="name"><code><p>线宽度/描边宽度。</p></code></td> </tr> </tbody> </table> </div> <h4 style="margin-top: 20px;margin-bottom: 20px;">成员变量详情</h4> <div class="members"> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> boolean </span> </span> <h4 class="name" id="fill"> <a class="href-link" href="#fill">#</a> <span class="code-name"> fill </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>是否填充,不需要填充则设置为 false。如果 fill 与 stroke 同时为 false,将按 fill 与 stroke 的默认值渲染图层。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>true</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="fillColor"> <a class="href-link" href="#fillColor">#</a> <span class="code-name"> fillColor </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>十六进制填充颜色。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>"#000000"</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> number </span> </span> <h4 class="name" id="fillOpacity"> <a class="href-link" href="#fillOpacity">#</a> <span class="code-name"> fillOpacity </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>填充不透明度。取值范围[0, 1]。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>1</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="fontColor"> <a class="href-link" href="#fontColor">#</a> <span class="code-name"> fontColor </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>附加文本字体颜色。</p> </div> <dl class="details"> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="fontFamily"> <a class="href-link" href="#fontFamily">#</a> <span class="code-name"> fontFamily </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>附加文本字体系列。fontFamily 值是字体族名称或/及类族名称的一个优先表,每个值逗号分割,浏览器会使用它可识别的第一个 可以使用具体的字体名称(&quot;times&quot;、&quot;courier&quot;、&quot;arial&quot;)或字体系列名称(&quot;serif&quot;、&quot;sans-serif&quot;、&quot;cursive&quot;、&quot;fantasy&quot;、&quot;monospace&quot;)。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>"arial,sans-serif"</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> number </span> </span> <h4 class="name" id="fontSize"> <a class="href-link" href="#fontSize">#</a> <span class="code-name"> fontSize </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>附加文本字体大小,单位是像素。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>12</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="fontStyle"> <a class="href-link" href="#fontStyle">#</a> <span class="code-name"> fontStyle </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>附加文本字体样式。可设值:&quot;normal&quot;, &quot;italic&quot;, &quot;oblique&quot;。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>"normal"</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="fontVariant"> <a class="href-link" href="#fontVariant">#</a> <span class="code-name"> fontVariant </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>附加文本字体变体。可设值:&quot;normal&quot;, &quot;small-caps&quot;。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>"normal"</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="fontWeight"> <a class="href-link" href="#fontWeight">#</a> <span class="code-name"> fontWeight </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>附加文本字体粗细。可设值:&quot;normal&quot;, &quot;bold&quot;, &quot;bolder&quot;, &quot;lighter&quot;。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>"normal"</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="label"> <a class="href-link" href="#label">#</a> <span class="code-name"> label </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>专题要素附加文本标签内容。</p> </div> <dl class="details"> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="labelAlign"> <a class="href-link" href="#labelAlign">#</a> <span class="code-name"> labelAlign </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>附加文本水平对齐。可以是 'left', 'right', 'center'。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>'center'</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="labelBaseline"> <a class="href-link" href="#labelBaseline">#</a> <span class="code-name"> labelBaseline </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>附加文本垂直对齐。 可以是 'top', 'bottom', 'middle'。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>'middle'</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="labelPosition"> <a class="href-link" href="#labelPosition">#</a> <span class="code-name"> labelPosition </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>附加文本位置, 可以是 'inside', 'left', 'right', 'top', 'bottom'。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>'top'</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> boolean </span> </span> <h4 class="name" id="labelRect"> <a class="href-link" href="#labelRect">#</a> <span class="code-name"> labelRect </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>是否显示文本标签矩形背景。</p> </div> <dl class="details"> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> number </span> </span> <h4 class="name" id="labelXOffset"> <a class="href-link" href="#labelXOffset">#</a> <span class="code-name"> labelXOffset </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>附加文本在 X 轴方向的偏移量。</p> </div> <dl class="details"> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> number </span> </span> <h4 class="name" id="labelYOffset"> <a class="href-link" href="#labelYOffset">#</a> <span class="code-name"> labelYOffset </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>附加文本在 Y 轴方向的偏移量。</p> </div> <dl class="details"> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> number </span> </span> <h4 class="name" id="pointRadius"> <a class="href-link" href="#pointRadius">#</a> <span class="code-name"> pointRadius </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>点半径。单位为像素。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>6</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> number </span> </span> <h4 class="name" id="shadowBlur"> <a class="href-link" href="#shadowBlur">#</a> <span class="code-name"> shadowBlur </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>阴影模糊度,(大于 0 有效)。注:请将 shadowColor 属性与 shadowBlur 属性一起使用,来创建阴影。</p> </div> <dl class="details"> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="shadowColor"> <a class="href-link" href="#shadowColor">#</a> <span class="code-name"> shadowColor </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>阴影颜色。注:请将 shadowColor 属性与 shadowBlur 属性一起使用,来创建阴影。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>'#000000'</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> number </span> </span> <h4 class="name" id="shadowOffsetX"> <a class="href-link" href="#shadowOffsetX">#</a> <span class="code-name"> shadowOffsetX </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>阴影 X 方向偏移值。</p> </div> <dl class="details"> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> number </span> </span> <h4 class="name" id="shadowOffsetY"> <a class="href-link" href="#shadowOffsetY">#</a> <span class="code-name"> shadowOffsetY </span> </h4> <div class="description"> <p>Y 方向偏移值。</p> </div> <dl class="details"> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> boolean </span> </span> <h4 class="name" id="stroke"> <a class="href-link" href="#stroke">#</a> <span class="code-name"> stroke </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>是否描边,不需要描边则设置为false。如果 fill 与 stroke 同时为 false,将按 fill 与 stroke 的默认值渲染图层。</p> </div> <dl class="details"> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="strokeColor"> <a class="href-link" href="#strokeColor">#</a> <span class="code-name"> strokeColor </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>十六进制描边颜色。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>"#000000"</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="strokeDashstyle"> <a class="href-link" href="#strokeDashstyle">#</a> <span class="code-name"> strokeDashstyle </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>虚线类型; strokeDashstyle 有八种类型 “dot&quot;,“dash&quot;,“dashdot&quot;,“longdash&quot;,“longdashdot&quot;,“solid&quot;, &quot;dashed&quot;, &quot;dotted&quot;; solid 表示实线。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>"solid"</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="strokeLinecap"> <a class="href-link" href="#strokeLinecap">#</a> <span class="code-name"> strokeLinecap </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>线帽样式;strokeLinecap 有三种类型 “butt&quot;, &quot;round&quot;, &quot;square&quot; 。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>"butt"</li> </ul></dd> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> string </span> </span> <h4 class="name" id="strokeLineJoin"> <a class="href-link" href="#strokeLineJoin">#</a> <span class="code-name"> strokeLineJoin </span> <span class='tag'>Optional</span> </h4> <div class="description"> <p>线段连接样式;strokeLineJoin 有三种类型 “miter&quot;, &quot;round&quot;, &quot;bevel&quot;。</p> </div> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>"miter"</li> </ul></dd> </dl> </div> <div class="member"> <span class="