PRTS

模板:CSS image crop/doc

< 模板:CSS image crop

本模板用来在一个页面中创建一个图像的剪切式缩略图，或者在条目中需要以截取部分的形式显现的图片提供全图链接。

这个模板引用自维基百科，并可能进行了修改。感谢所有编辑们做出的贡献。

用法

{{CSS image crop
|Image         = 图像文件的名称，或许接受 {{Annotated image}}
|bSize         = 底图的尺寸
|cWidth        = 图像剪裁的宽度
|cHeight       = 图像剪裁的高度
|oTop          = 从上位移的像素值，默认为 0
|oLeft         = 从左位移的像素值，默认为 0
|Location      = 'right', 'left', 'center', 'none'
|Description   = 描述
|Link          = 链接的条目
|Alt           = 图像替代文本
|Page          = 图像文件的页面链接，如果文件有多个页面（如 PDF）
|magnify-link  = 用放大图标链接的图像（如果 Image 参数是用 {{Annotated image}} 
                 设置的，或者 Link 参数指向除图像以外的链接）。
|Background    = 图像文件的背景样式
}}

示例

原图的缩略图
微博@明日方舟Arknights 2017-11-03 (3).jpg
  • 位移：oTop 和 oLeft 定义剪切图像的左上角
  • 剪切：cWidth 和 cHeight 定义剪切图像的尺寸
  • 底图大小：如果原图设置了 bSize 位移和剪切可以由此计算
{{CSS image crop
|Image = 微博@明日方舟Arknights 2017-11-03 (3).jpg
|bSize = 150
|cWidth = 150
|cHeight = 150
|oTop = 150
|oLeft = 0
}}

此外，剪切的图像可以有说明文字并在页面中对齐：

  • Location=（center, right, left, none）
  • Description=添加图像标题
测试用图
测试用图 
{{CSS image crop
|Image = 微博@明日方舟Arknights 2017-11-03 (3).jpg
|bSize = 200
|cWidth = 200
|cHeight = 200
|oTop = 200
|oLeft = 0
|Location = center
|Description = 测试用图
}}
取自“https://prts.wiki/index.php?title=模板:CSS_image_crop/doc&oldid=120173”