NPrint

## Anchor停靠

每一个父容器都提供多个“车位”供子面板停靠，如果子面板未使用绝对定位的方式，都将自动吸附到指定位置。

NPrint预置的停靠值有：

<table>
<tbody>
  <tr>
    <td valign="top">
      <div class="p"><div style="left:0;top:0"></div></div>
      <code>left_top</code><br>
      <code>top_left</code><br>
      <code>NPrint.ANCHOR.LEFT_TOP</code><br>
      <code>NPrint.ANCHOR.TOP_LEFT</code><br>
      左上角
    </td>
    <td valign="top">
      <div class="p"><div style="left:20px;top:0"></div></div>
      <code>top</code><br>
      <code>NPrint.ANCHOR.TOP</code><br>
      顶部居中
    </td>
    <td valign="top">
      <div class="p"><div style="left:40px;top:0"></div></div>
      <code>right_top</code><br>
      <code>top_right</code><br>
      <code>NPrint.ANCHOR.RIGHT_TOP</code><br>
      <code>NPrint.ANCHOR.TOP_RIGHT</code><br>
      右上角
    </td>
  </tr>
  <tr>
    <td valign="top">
      <div class="p"><div style="left:0;top:20px"></div></div>
      <code>left</code><br>
      <code>NPrint.ANCHOR.LEFT</code><br>
      左侧居中
    </td>
    <td valign="top">
      <div class="p"><div style="left:20px;top:20px"></div></div>
      <code>center</code><br>
      <code>NPrint.ANCHOR.CENTER</code><br>
      正中
    </td>
    <td valign="top">
      <div class="p"><div style="left:40px;top:20px"></div></div>
      <code>right</code><br>
      <code>NPrint.ANCHOR.RIGHT</code><br>
      右侧居中
    </td>
  </tr>
  <tr>
    <td valign="top">
      <div class="p"><div style="left:0;top:40px"></div></div>
      <code>left_bottom</code><br>
      <code>bottom_left</code><br>
      <code>NPrint.ANCHOR.LEFT_BOTTOM</code><br>
      <code>NPrint.ANCHOR.BOTTOM_LEFT</code><br>
      左下角
    </td>
    <td valign="top">
      <div class="p"><div style="left:20px;top:40px"></div></div>
      <code>bottom</code><br>
      <code>NPrint.ANCHOR.BOTTOM</code><br>
      底部居中
    </td>
    <td valign="top">
      <div class="p"><div style="left:40px;top:40px"></div></div>
      <code>right_bottom</code><br>
      <code>bottom_right</code><br>
      <code>NPrint.ANCHOR.RIGHT_BOTTOM</code><br>
      <code>NPrint.ANCHOR.BOTTOM_RIGHT</code><br>
      右下角
    </td>
  </tr>
</tbody>
</table>

除了以上9种停靠方式以外，还有一种绝对定位方式：

<code>none</code>/<code>NPrint.ANCHOR.NONE</code>
> 使用绝对定位，需要设置面板的横坐标和纵坐标。

还是看一个示例代码吧：

// 创建文档
    var doc = NPrint.createDocument();
     
    // 添加页面
    var page = doc.addPage();
     
    // 添加文本
    var text = page.addText();
     
    // 设置文本
    text.setWidth(100).setHeight(10).setSize(10).setContent('Hello World!').setBgColor('blue').setColor('#FFF');
     
    // 停靠在右上
    text.setAnchor('right_top');
     
    // 预览文档
    doc.preview();

点此预览