NPrint

## Align对齐

对齐主要用于文本和图片。

面板有宽度和高度，而文本或图片并不总是能刚好占满其所处的面板，所以需要设置对齐方式。

实际上Align和Anchor的值是一样的，唯一的区别在于Anchor用于设置当前面板位于父容器中的位置，而Align用于设置当前面板的文字或图片在内部的位置。

NPrint预置的对齐方式有：

<table>
  <tbody>
    <tr>
      <td valign="top">
        <div class="p"><div class="c" style="left:0;top:0">左上角</div></div>
        <code>left_top</code><br>
        <code>top_left</code><br>
        <code>none</code><br>
        <code>NPrint.ALIGN.LEFT_TOP</code><br>
        <code>NPrint.ALIGN.TOP_LEFT</code><br>
        <code>NPrint.ALIGN.NONE</code><br>
        左上角
      </td>
      <td valign="top">
        <div class="p"><div class="c" style="left:0;top:0;width:100%;text-align:center">顶部居中</div></div>
        <code>top</code><br>
        <code>NPrint.ALIGN.TOP</code><br>
        顶部居中
      </td>
      <td valign="top">
        <div class="p"><div class="c" style="left:0;top:0;width:100%;text-align:right">右上角</div></div>
        <code>right_top</code><br>
        <code>top_right</code><br>
        <code>NPrint.ALIGN.RIGHT_TOP</code><br>
        <code>NPrint.ALIGN.TOP_RIGHT</code><br>
        右上角
      </td>
    </tr>
    <tr>
      <td valign="top">
        <div class="p"><div class="c" style="left:0;top:0;height:100%;line-height:120px">左侧居中</div></div>
        <code>left</code><br>
        <code>NPrint.ALIGN.LEFT</code><br>
        左侧居中
      </td>
      <td valign="top">
        <div class="p"><div class="c" style="left:0;top:0;width:100%;height:100%;line-height:120px;text-align:center">正中</div></div>
        <code>center</code><br>
        <code>NPrint.ALIGN.CENTER</code><br>
        正中
      </td>
      <td valign="top">
        <div class="p"><div class="c" style="left:0;top:0;width:100%;height:100%;line-height:120px;text-align:right">右侧居中</div></div>
        <code>right</code><br>
        <code>NPrint.ALIGN.RIGHT</code><br>
        右侧居中
      </td>
    </tr>
    <tr>
      <td valign="top">
        <div class="p"><div class="c" style="left:0;bottom:0">左下角</div></div>
        <code>left_bottom</code><br>
        <code>bottom_left</code><br>
        <code>NPrint.ALIGN.LEFT_BOTTOM</code><br>
        <code>NPrint.ALIGN.BOTTOM_LEFT</code><br>
        左下角
      </td>
      <td valign="top">
        <div class="p"><div class="c" style="left:0;bottom:0;width:100%;text-align:center">底部居中</div></div>
        <code>bottom</code><br>
        <code>NPrint.ALIGN.BOTTOM</code><br>
        底部居中
      </td>
      <td valign="top">
        <div class="p"><div class="c" style="left:0;bottom:0;width:100%;text-align:right">右下角</div></div>
        <code>right_bottom</code><br>
        <code>bottom_right</code><br>
        <code>NPrint.ALIGN.RIGHT_BOTTOM</code><br>
        <code>NPrint.ALIGN.BOTTOM_RIGHT</code><br>
        右下角
      </td>
    </tr>
  </tbody>
</table>

还是看一个示例代码吧：

// 创建文档
    var doc = NPrint.createDocument();

// 添加页面
    var page = doc.addPage();

// 添加文本
    var text = page.addText();

// 设置文本
    text.setWidth(100).setHeight(40).setSize(10).setContent('Hello World!').setBgColor('blue').setColor('#FFF');

// 停靠在右上
    text.setAnchor('right_top');

// 右下角对齐
    text.setAlign('right_bottom');

// 预览文档
    doc.preview();

点此预览