图像处理

本文提供一些调整图片大小和对齐图片的用例。

调整图片大小

我们利用 URL 的查询字符串来调整图片大小。

指定宽度和保留比率

1![Resize](images/sample.png?width=300px)

Resize

指定高度和保留比率

1![Resize](images/sample.png?height=200px)

Resize

指定宽度和高度

1![Resize](images/sample.png?width=300px&height=200px)

Resize

它不仅可以用于页面资源 ,而且也适用于 static 图像和外部图像。 但是,除了页面资源外,其他资源的大小都是按内联样式调整的,也就是说,它们的原始大小不会改变。

对齐图像

我们可以利用 URL 片段轻易地对齐图像,比如:#center, #floatleft#floatright 分别表示居中对齐、向左浮动和向右浮动。

居中对齐

添加 #center 使图片居中对齐。

举个例子:![Center](/images/center.png#center)

Center

向左浮动

Float Left

添加 #floatleft 使图片向左浮动。

举个例子:![Float Left](/images/left.png#floatleft)

向右浮动

Float Right

同样的,我们也可以添加 #floatright 使图片向右浮动。

举个例子:![Float Right](/images/right.png#floatright)

版权

评论