https://arolstar52-zhtest.hf.space/index.php?action=history&feed=atom&title=Template%3ACSS_image_crop%2Fdoc
Template:CSS image crop/doc - 版本历史
2026-07-16T14:19:06Z
在这个wiki上该页的修订历史
MediaWiki 1.43.9
https://arolstar52-zhtest.hf.space/index.php?title=Template:CSS_image_crop/doc&diff=1863963&oldid=prev
imported>Kcx36：/* 脚本 */
2025-02-13T07:13:00Z
<p><span class="autocomment">脚本</span></p>
<p><b>新页面</b></p><div>{{Documentation subpage}}<br />
<br />
本模板用来在一个页面中创建一个图像的剪切式缩略图，或者在条目中需要以截取部分的形式显现的图片提供全图链接。<br />
<br />
==用法==<br />
<syntaxhighlight lang="wikitext"><br />
{{CSS image crop<br />
|Image = 图像文件的名称，或许接受 {{Annotated image}}<br />
|bSize = 底图的尺寸<br />
|cWidth = 图像剪裁的宽度<br />
|cHeight = 图像剪裁的高度<br />
|oTop = 从上位移的像素值，默认为 0<br />
|oLeft = 从左位移的像素值，默认为 0<br />
|Location = 'right', 'left', 'center', 'none'<br />
|Description = 描述<br />
|Link = 链接的条目<br />
|Alt = 图像替代文本<br />
|Page = 图像文件的页面链接，如果文件有多个页面（如 PDF）<br />
|magnify-link = 用放大图标链接的图像（如果 Image 参数是用 {{Annotated image}} <br />
设置的，或者 Link 参数指向除图像以外的链接）。<br />
}}<br />
</syntaxhighlight><br />
<br />
参数使用不正确会使页面归类于[[:分类:使用无效参数的CSS图像剪裁]]。<br />
<br />
==示例==<br />
<br />
创建带有露珠的剪裁图像：<br />
<br />
[[File:Dew on grass Luc Viatour.jpg|thumb|400px|left|原图的缩略图]]<br />
<br />
<div style="float: left; width: 120px; margin: 180px 0 0 30px;"><br />
{{CSS image crop<br />
|Image = Dew on grass Luc Viatour.jpg<br />
|bSize = 400<br />
|cWidth = 100<br />
|cHeight = 100<br />
|oTop = 180<br />
|oLeft = 60<br />
}}<br />
</div><br />
<br />
<div style="float: left; width: 300px; margin-top: 150px; font-size: 0.95em;"><br />
*'''位移'''：<code>oTop</code> 和 <code>oLeft</code> 定义剪切图像的左上角<br />
*'''剪切'''：<code>cWidth</code> 和 <code>cHeight</code> 定义剪切图像的尺寸<br />
*'''底图大小'''：如果原图设置了 <code>bSize</code> 位移和剪切可以由此计算<br />
</div><br />
<br />
{{clear}}<br />
<br />
<syntaxhighlight lang="wikitext"><br />
{{CSS image crop<br />
|Image = Dew on grass Luc Viatour.jpg<br />
|bSize = 400<br />
|cWidth = 100<br />
|cHeight = 100<br />
|oTop = 180<br />
|oLeft = 60<br />
}}<br />
</syntaxhighlight><br />
<br />
此外，剪切的图像可以有说明文字并在页面中对齐：<br />
* <code>Location=</code>（''center, right, left, none''）<br />
* <code>Description=</code>添加图像标题<br />
{{CSS image crop<br />
|Image = Dew on grass Luc Viatour.jpg<br />
|bSize = 400<br />
|cWidth = 100<br />
|cHeight = 100<br />
|oTop = 180<br />
|oLeft = 60<br />
|Location = center<br />
|Description = 草上的露珠<br />
}}<br />
<syntaxhighlight lang="wikitext"><br />
{{CSS image crop<br />
|Image = Dew on grass Luc Viatour.jpg<br />
|bSize = 400<br />
|cWidth = 100<br />
|cHeight = 100<br />
|oTop = 180<br />
|oLeft = 60<br />
|Location = center<br />
|Description = 草上的露珠<br />
}}<br />
</syntaxhighlight><br />
<br />
==脚本==<br />
[[c:User:維基小霸王/CSSImageCrop.js]]允许编者直接在图像上选择裁剪区域，并自动生成模板代码。在您的[[c:Special:MyPage/common.js|自定义脚本]]中添加<syntaxhighlight lang="JavaScript" inline>importScript('User:維基小霸王/CSSImageCrop.js');</syntaxhighlight>以启用此小工具。<br />
<br />
==参见==<br />
* {{tl|Annotated image}}<br />
<br />
<includeonly><br />
<!-- CATEGORIES BELOW THIS LINE PLEASE --><br />
[[Category:图像维护模板]]<br />
</includeonly></div>
imported>Kcx36