UNPKG

@mapgis/webclient-leaflet-plugin

Version:

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

3,867 lines 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="method-parameter is-pulled-right">
        <label>类型:</label>
        
<span class="param-type">
    
             number
    
</span>



    </span>

<h4 class="name" id="strokeOpacity">
    <a class="href-link" href="#strokeOpacity">#</a>
    
    <span class="code-name">
        strokeOpacity
    </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">
    
             number
    
</span>



    </span>

<h4 class="name" id="strokeWidth">
    <a class="href-link" href="#strokeWidth">#</a>
    
    <span class="code-name">
        strokeWidth
    </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>1</li>
        </ul></dd>
    
    

    

    

    
</dl>





</div>
            
            </div>
        </div>
    

    

    

    
</article>

</section>