Template:CSS image crop

模解[睇] [改] [史] [清]

名

CSS image crop​——​用 CSS 夾硬將圖剪細

概要

{{CSS image crop |Image=圖像名 |bSize=原闊度 |cWidth=截圖闊度 |cHeight=截圖高度 |oTop=截圖上邊界 |oLeft=截圖左邊界 [ |Location= { right | left | center | none } ] [ |Description=圖說明 ] [ |Link=文章連結 ] [ |Alt=替代文字 ] [ |Page=檔案頁數 ] }}

參數同用法

所有參數都要畀名，正常情形下 Image、bSize、cWidth、cHeight、oTop 同 oLeft 必填，其他全部可有可無。

範例

原圖（注意真嘅原濶度其實係 3000）：

• 打：[[File:Toronto First Chinatown Plaques 1 and 2 - Nathan Phillips Square Toronto ON ON M5H 2N1, Canada.jpg|300px]]
• 出：

截圖（因為要放大好細嘅部分，用咗真嘅原濶度）：

• 打：{{CSS image crop |Image=Toronto First Chinatown Plaques 1 and 2 - Nathan Phillips Square Toronto ON ON M5H 2N1, Canada.jpg |bSize=3000 |cWidth=300 |cHeight=400 |oTop=2500 |oLeft=1325 }}
• 出：

注意事項

注意大細楷​——​呢個模嘅參數嘅大細楷超怪，尤其係 Image，超易打錯。

個模嘅輸出會自動換行，想唔換行打 Location=none 都冇用，要用 HTML 加 CSS 夾硬嚟先掂。

截圖用嘅頻寬（以位元組計嘅實際大細）同原圖用嘅頻寬完全冇分別，因為幅圖其實根本冇剪細，剪細只係視覺效果，其實係搵笨。

法維嘅對應模啲參數名全部唔同（全部譯哂做正常法文）；如果有法維譯過嚟嘅文有用呢個模嘅對應模，啲參數一定要全部執一次。