@mapgis/webclient-common/documention/TextSymbol.html

mapgis ES6 format for igserver

<header id="page-title" class="page-title">
    
        <span class="page-title-main">类名</span>
        <span class="page-title-sub">TextSymbol</span>
    
</header>





<section>

<article>
    <div class="container-overview">
    
        
            <div class='vertical-section'>
                <div class="members">
                    <div class="member">
                        


    
    <h4 class="name" id="TextSymbol">
        <a class="href-link" href="#TextSymbol">#</a>
        
        <span class="code-name" id="TextSymbol" style="font-size:30px">
            
                new TextSymbol<span class="signature">(options)</span>
            
        </span>
    </h4>
    

    
    <div class="description">
        <p>文本符号，支持点几何对象，参考示例：<a href='#new-TextSymbol'>[创建文本样式]</a>
<br><br>[ES5引入方式]：<br/>
zondy.symbol.TextSymbol() <br/>
[ES6引入方式]：<br/>
import { TextSymbol } from &quot;@mapgis/webclient-common&quot; <br/>
<br/></p>
    </div>
    









    <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>angle</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Number
    
</span>



  
  </td>

  
      <td class="default">
      
          0
      
      </td>
  

  <td class="description last"><p>文字的旋转角度，单位度，0~360度，顺时针旋转,需要开启rotated选项</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>backgroundColor</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             <a link="Color.html" onclick="getTypeHTML(event)" href="Color.html">Color</a>
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>背景颜色</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>borderLineColor</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             <a link="Color.html" onclick="getTypeHTML(event)" href="Color.html">Color</a>
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>边界颜色</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>borderLineSize</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Number
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>边界宽度</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>color</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             <a link="Color.html" onclick="getTypeHTML(event)" href="Color.html">Color</a>
    
</span>



  
  </td>

  
      <td class="default">
      
          New zondy.Color(0,0,0)
      
      </td>
  

  <td class="description last"><p>颜色</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>font</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             <a link="Font.html" onclick="getTypeHTML(event)" href="Font.html">Font</a>
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>字体样式</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>haloColor</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             <a link="Color.html" onclick="getTypeHTML(event)" href="Color.html">Color</a>
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>光晕颜色</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>haloSize</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Number
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>光晕大小</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>horizontalAlignment</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             <a link="HorizontalAlignment.html" onclick="getTypeHTML(event)" href="global.html#HorizontalAlignment">HorizontalAlignment</a>
    
</span>



  
  </td>

  
      <td class="default">
      
          'center'
      
      </td>
  

  <td class="description last"><p>水平方向，可选&quot;left&quot;|&quot;right&quot;|&quot;center&quot;</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>kerning</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Boolean
    
</span>



  
  </td>

  
      <td class="default">
      
          true
      
      </td>
  

  <td class="description last"><p>是否调整文本字符串中字符之间的间距，二维暂时不支持</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>lineHeight</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Number
    
</span>



  
  </td>

  
      <td class="default">
      
          1.1
      
      </td>
  

  <td class="description last"><p>行高，最小设置为1.1</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>lineWidth</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Number
    
</span>



  
  </td>

  
      <td class="default">
      
          192
      
      </td>
  

  <td class="description last"><p>行宽</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>rotated</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Boolean
    
</span>



  
  </td>

  
      <td class="default">
      
          false
      
      </td>
  

  <td class="description last"><p>是否旋转</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>text</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>verticalAlignment</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             <a link="VerticalAlignment.html" onclick="getTypeHTML(event)" href="global.html#VerticalAlignment">VerticalAlignment</a>
    
</span>



  
  </td>

  
      <td class="default">
      
          'baseline'
      
      </td>
  

  <td class="description last"><p>垂直对齐,可选&quot;baseline&quot;|&quot;top&quot;|&quot;middle&quot;|&quot;bottom&quot;</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>xoffset</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>yoffset</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>





















<p class="summary"><h5>支持如下方法：</h5>
<a href="Symbol.html#clone"><code>1、克隆并返回新的符号对象</code></a> <br/>
<a href="Symbol.html#toJSON"><code>2、导出一个JSON对像</code></a> <br/>
<a href='#fromJSON'>[3、将JSON里的数据导入，并返回一个新的TextSymbol对象]</a><br/></p>



    <h5>示例</h5>
    
        <p class="code-caption"><h7 id='new-TextSymbol'>创建文本样式</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { TextSymbol } = zondy.symbol
const { TextSymbol, Color } = zondy
// ES6引入方式
import { TextSymbol, Color } from "@mapgis/webclient-common"
const textSymbol = new TextSymbol({
  // 字体颜色
  color: new Color(252, 100, 22, 1),
  // 字体内容，如果是服务端数据，可不填
  text: "默认文字",
  // 字体样式
  font: {
    // 字体
    family: "微软雅黑",
    // 文字大小，单位像素
    size: 30,
    // 文字是否为斜体，正常模式
    style: "normal",
    // 文字粗细
    weight: "normal"
  }
})</code></pre>
    



                    </div>
                </div>
            </div>
        
    
    </div>
    
    
        <h3 class="subsection-title">继承关系</h3>

        


    <ul>
        <li><a link="Symbol.html" onclick="getTypeHTML(event)" href="Symbol.html">Symbol</a></li>
    </ul>


    

    

    

    

    

    

    
        <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="#angle">angle</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="#backgroundColor">backgroundColor</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             <a link="Color.html" onclick="getTypeHTML(event)" href="Color.html">Color</a>
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>文字背景颜色</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#borderLineColor">borderLineColor</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             <a link="Color.html" onclick="getTypeHTML(event)" href="Color.html">Color</a>
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>文字外边框颜色</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#borderLineSize">borderLineSize</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="#color">color</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             <a link="Color.html" onclick="getTypeHTML(event)" href="Color.html">Color</a>
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>文字颜色</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#extensionOptions">extensionOptions</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             Object
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>符号的额外构造参数，该构造参数是地图引擎的额外构造参数，在此设置了之后，会覆盖该符号转换好地图引擎的构造参数</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#font">font</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="#haloColor">haloColor</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             <a link="Color.html" onclick="getTypeHTML(event)" href="Color.html">Color</a>
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>光晕颜色</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#haloSize">haloSize</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="#horizontalAlignment">horizontalAlignment</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             <a link="HorizontalAlignment.html" onclick="getTypeHTML(event)" href="global.html#HorizontalAlignment">HorizontalAlignment</a>
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>水平方向</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#id">id</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             String
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>符号id</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#kerning">kerning</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="#lineHeight">lineHeight</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="#lineWidth">lineWidth</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="#rotated">rotated</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="#text">text</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="#type">type</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="#verticalAlignment">verticalAlignment</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             <a link="VerticalAlignment.html" onclick="getTypeHTML(event)" href="global.html#VerticalAlignment">VerticalAlignment</a>
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>垂直对齐</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#xoffset">xoffset</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="#yoffset">yoffset</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>
                        
                    </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">
    
             Number
    
</span>



    </span>

<h4 class="name" id="angle">
    <a class="href-link" href="#angle">#</a>
    
    <span class="code-name">
        angle
    </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">
    
             <a link="Color.html" onclick="getTypeHTML(event)" href="Color.html">Color</a>
    
</span>



    </span>

<h4 class="name" id="backgroundColor">
    <a class="href-link" href="#backgroundColor">#</a>
    
    <span class="code-name">
        backgroundColor
    </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">
    
             <a link="Color.html" onclick="getTypeHTML(event)" href="Color.html">Color</a>
    
</span>



    </span>

<h4 class="name" id="borderLineColor">
    <a class="href-link" href="#borderLineColor">#</a>
    
    <span class="code-name">
        borderLineColor
    </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="borderLineSize">
    <a class="href-link" href="#borderLineSize">#</a>
    
    <span class="code-name">
        borderLineSize
    </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">
    
             <a link="Color.html" onclick="getTypeHTML(event)" href="Color.html">Color</a>
    
</span>



    </span>

<h4 class="name" id="color">
    <a class="href-link" href="#color">#</a>
    
    <span class="code-name">
        color
    </span>
    
</h4>




<div class="description">
    <p>文字颜色</p>
</div>





<dl class="details">

    

    

    

    
    <dt class="tag-overrides">Overrides:</dt>
    <dd class="tag-overrides"><ul class="dummy"><li>
        <a href="Symbol.html#color">Symbol#color</a>
    </li></ul></dd>
    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>





</div>
            
                <div class="member">

    <span class="method-parameter is-pulled-right">
        <label>类型:</label>
        
<span class="param-type">
    
             Object
    
</span>



    </span>

<h4 class="name" id="extensionOptions">
    <a class="href-link" href="#extensionOptions">#</a>
    
    <span class="code-name">
        extensionOptions
    </span>
    
</h4>




<div class="description">
    <p>符号的额外构造参数，该构造参数是地图引擎的额外构造参数，在此设置了之后，会覆盖该符号转换好地图引擎的构造参数</p>
</div>





<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a goto="extensionOptions" link="Symbol.html" onclick="getTypeHTML(event)" href="Symbol.html#extensionOptions">Symbol#extensionOptions</a>
    </li></ul></dd>
    

    

    

    

    

    

    

    

    

    
    <dt class="tag-default">Default Value:</dt>
    <dd class="tag-default"><ul class="dummy">
            <li>{}</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="font">
    <a class="href-link" href="#font">#</a>
    
    <span class="code-name">
        font
    </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">
    
             <a link="Color.html" onclick="getTypeHTML(event)" href="Color.html">Color</a>
    
</span>



    </span>

<h4 class="name" id="haloColor">
    <a class="href-link" href="#haloColor">#</a>
    
    <span class="code-name">
        haloColor
    </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="haloSize">
    <a class="href-link" href="#haloSize">#</a>
    
    <span class="code-name">
        haloSize
    </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">
    
             <a link="HorizontalAlignment.html" onclick="getTypeHTML(event)" href="global.html#HorizontalAlignment">HorizontalAlignment</a>
    
</span>



    </span>

<h4 class="name" id="horizontalAlignment">
    <a class="href-link" href="#horizontalAlignment">#</a>
    
    <span class="code-name">
        horizontalAlignment
    </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="id">
    <a class="href-link" href="#id">#</a>
    
        
            <span class='tag'>readonly</span>
        
    
    <span class="code-name">
        id
    </span>
    
</h4>




<div class="description">
    <p>符号id</p>
</div>





<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a goto="id" link="Symbol.html" onclick="getTypeHTML(event)" href="Symbol.html#id">Symbol#id</a>
    </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="kerning">
    <a class="href-link" href="#kerning">#</a>
    
    <span class="code-name">
        kerning
    </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="lineHeight">
    <a class="href-link" href="#lineHeight">#</a>
    
    <span class="code-name">
        lineHeight
    </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="lineWidth">
    <a class="href-link" href="#lineWidth">#</a>
    
    <span class="code-name">
        lineWidth
    </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">
    
             Boolean
    
</span>



    </span>

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




<div class="description">
    <p>符号类型</p>
</div>





<dl class="details">

    

    

    

    
    <dt class="tag-overrides">Overrides:</dt>
    <dd class="tag-overrides"><ul class="dummy"><li>
        <a href="Symbol.html#type">Symbol#type</a>
    </li></ul></dd>
    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>





</div>
            
                <div class="member">

    <span class="method-parameter is-pulled-right">
        <label>类型:</label>
        
<span class="param-type">
    
             <a link="VerticalAlignment.html" onclick="getTypeHTML(event)" href="global.html#VerticalAlignment">VerticalAlignment</a>
    
</span>



    </span>

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




<div class="description">
    <p>y偏移</p>
</div>





<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>





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

    
        <div class='vertical-section'>
            <h3 id='function'>方法</h3>
            <h4 style="margin-top: 20px;margin-bottom: 20px;">方法概述</h4>
            <div class="members">
            <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="#fromJSON">fromJSON</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
             <a link="TextSymbol.html" onclick="getTypeHTML(event)" href="TextSymbol.html">TextSymbol</a>
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p>将JSON里的数据导入，并返回一个新的TextSymbol对象</code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#clone">clone</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
             <a link="TextSymbol.html" onclick="getTypeHTML(event)" href="TextSymbol.html">TextSymbol</a>
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p>克隆并返回新的符号对象</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#toJSON">toJSON</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
             Object
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p>导出为JSON对象</p></code></td>
                            </tr>
                        
                    </tbody>
                </table>
            </div>
            <h4 style="margin-top: 20px;margin-bottom: 20px;">方法详情</h4>
            
                <div class="member">


    
    <h4 class="name" id=".fromJSON">
        <a class="href-link" href="#.fromJSON">#</a>
        
            
                <span class='tag'>static</span>
            
        
        <span class="code-name" id="fromJSON" style="font-size:30px">
            
                fromJSON<span class="signature">(json<span class="signature-attributes">opt</span>)</span>
            
        </span>
    </h4>
    

    
    <div class="description">
        <p>将JSON里的数据导入，并返回一个新的TextSymbol对象<a id='fromJSON'></a></p>
    </div>
    









    <h4>参数</h4>
    
<div class="table-container">
    <table class="params table">
        <thead>
        <tr>
            
            <th>名称</th>
            

            <th>类型</th>

            

            <th class="last">描述</th>
        </tr>
        </thead>

        <tbody>
        

            
<tr class="deep-level-0">
  
      <td class="name"><code>json</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Object
    
</span>



  
  </td>

  

  <td class="description last"><p>新的TextSymbol对象</p></td>
</tr>



        
        </tbody>
    </table>
</div>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>


















    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值</label></div>
        <div class="column is-10">
            
                    

<div class="columns">
    
    <div class='param-desc column is-7'><p>新的TextSymbol对象</p></div>
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">
    
             <a link="TextSymbol.html" onclick="getTypeHTML(event)" href="TextSymbol.html">TextSymbol</a>
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






</div>
            
                <div class="member">


    
    <h4 class="name" id="clone">
        <a class="href-link" href="#clone">#</a>
        
        <span class="code-name" id="clone" style="font-size:30px">
            
                clone<span class="signature">()</span>
            
        </span>
    </h4>
    

    
    <div class="description">
        <p>克隆并返回新的符号对象</p>
    </div>
    













<dl class="details">

    

    

    

    
    <dt class="tag-overrides">Overrides:</dt>
    <dd class="tag-overrides"><ul class="dummy"><li>
        <a href="Symbol.html#clone">Symbol#clone</a>
    </li></ul></dd>
    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>


















    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值</label></div>
        <div class="column is-10">
            
                    

<div class="columns">
    
    <div class='param-desc column is-7'><p>克隆后的新符号对象</p></div>
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">
    
             <a link="TextSymbol.html" onclick="getTypeHTML(event)" href="TextSymbol.html">TextSymbol</a>
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






</div>
            
                <div class="member">


    
    <h4 class="name" id="toJSON">
        <a class="href-link" href="#toJSON">#</a>
        
        <span class="code-name" id="toJSON" style="font-size:30px">
            
                toJSON<span class="signature">()</span>
            
        </span>
    </h4>
    

    
    <div class="description">
        <p>导出为JSON对象</p>
    </div>
    













<dl class="details">

    

    

    

    
    <dt class="tag-overrides">Overrides:</dt>
    <dd class="tag-overrides"><ul class="dummy"><li>
        <a href="Symbol.html#toJSON">Symbol#toJSON</a>
    </li></ul></dd>
    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>


















    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值</label></div>
        <div class="column is-10">
            
                    

<div class="columns">
    
    <div class='param-desc column is-7'><p>JSON对像</p></div>
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">
    
             Object
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






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

    

    
</article>

</section>