コンテンツにスキップ

英文维基 | 中文维基 | 日文维基 | 草榴社区

Template:Easy CSS image crop/doc

{{CSS image crop}} の応用で、簡単にパラメータを指定するためのテンプレートです。元画像をピクセル単位ではなく、簡単なパーセンテージでトリミングできます。

使い方

[編集]
{{Easy CSS image crop
|image                 = ファイル名。File: を含める必要はありません。
|desired_width         = 最終的に出力される画像の横サイズ(ピクセル)。標準では220。
|crop_left_perc        = 左側のカット割合(パーセンテージ)。「10.3」を指定すると10.3パーセントになる。
|crop_right_perc       = 右側のカット割合。
|crop_top_perc         = 上側のカット割合。
|crop_bottom_perc      = 下側のカット割合。
|align                 = 'right', 'left', 'center' , 'none'. 標準ではrightになる。
|caption               = 画像下部の説明文
|link                  = 
|alt                   = 
|page                  = 
|magnify-link          = 
}}

[編集]

オリジナル

[編集]

クロップ後

[編集]
{{Easy CSS image crop
|image                 = Theodore Roosevelt by the Pach Bros.jpg
|desired_width         = 220
|crop_left_perc        = 10
|crop_right_perc       = 10
|crop_top_perc         = 5
|crop_bottom_perc      = 
|align                 = right
|caption               = [[セオドア・ルーズベルト]]大統領
}}
国鉄江差線地図
{{Easy CSS image crop|align=right
	|Image = Hokkaido Hiyama subpref 1966 map.webp
	|desired_width         = 350
	|crop_left_perc        = 30
	|crop_right_perc       = 30
	|crop_top_perc         = 75
	|crop_bottom_perc      = 0
	|caption    = 国鉄[[江差線]]地図
}}

関連項目

[編集]