NPrint

## Scale缩放

缩放主要用于图片。

面板有宽度和高度，而图片并不总是能刚好占满其所处的面板，如何让图片呈现最佳状态，就需要对图片进行缩放（实际上缩放和[Align对齐](align.html)双剑合璧更能所向披靡）。

NPrint预置的缩放方式有：

<div class="p">
  <div><img src="photo.jpg" style="max-width:none;width:200px"></div>
  <div><img src="photo.jpg" width="40"></div>
</div>
<code>none</code>/<code>NPrint.SCALE.NONE</code>(不缩放)
> 保持图片原始大小。如果图片过大，多出父面板的部分将被裁剪，配合[Align对齐](align.html)，可控制裁剪的部位。

---

<div class="p">
  <div><img src="photo.jpg" style="width:100%;height:100%"></div>
</div>
<code>fill</code>/<code>NPrint.SCALE.FILL</code>(填满)
> 宽度缩放至父面板宽度，高度缩放至父面板高度。这个，可能很多图片会变形得很难看的吧。既然填满了，对齐就没意义了。

---

<div class="p">
  <div><img src="photo.jpg" style="height:100%"></div>
</div>
<code>edge</code>/<code>NPrint.SCALE.EDGE</code>(适应边缘)
> 大图缩小至完全可见，小图放大至接触边缘。图片默认采用这种缩放方式，能保持原图宽高比，又能尽可能的适应父容器大小。

---

<div class="p">
  <div><img src="photo.jpg" style="height:100%"></div>
  <div><img src="photo.jpg" width="40"></div>
</div>
<code>inside</code>/<code>NPrint.SCALE.INSIDE</code>(内部)
> 大图缩小至完全可见，小图保持原始大小。

---

<div class="p">
  <div><img src="photo.jpg" style="width:100%"></div>
</div>
<code>crop</code>/<code>NPrint.SCALE.CROP</code>(裁剪)
> 等比例缩放与父容器边缘不留空白，多出父面板的部分将被裁剪，配合[Align对齐](align.html)，可控制裁剪的部位。