틀:가로세로비: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 3개는 보이지 않습니다)
10번째 줄: 10번째 줄:
네 번째 변수에 아무 값이나 추가하면 가로값에서 비율에 해당하는 세로값이 아니라 세로값에서 비율에 해당하는 가로값을 출력합니다. 즉 이때 첫 번째 변수는 가로값이 아니라 세로값입니다.
네 번째 변수에 아무 값이나 추가하면 가로값에서 비율에 해당하는 세로값이 아니라 세로값에서 비율에 해당하는 가로값을 출력합니다. 즉 이때 첫 번째 변수는 가로값이 아니라 세로값입니다.


{{MT}}
{|{{style|class=wiki}}
|-
|-
!문법||결과
!문법||결과
25번째 줄: 25번째 줄:
|<pre>{{가로세로비|1080|16|9|.}}</pre>
|<pre>{{가로세로비|1080|16|9|.}}</pre>
|{{가로세로비|1080|16|9|.}}
|{{가로세로비|1080|16|9|.}}
{{MT끝}}
|}


----
'''이미지의 {{u|높이}}를 조정하고 싶을 때''' 이 틀을 응용할 수 있는데, 자세한 방법은 [[연습장:Kimchan/팁]] 문서의 [[연습장:Kimchan/#팁23|23번 팁]]을 참고하십시오.
 
다음과 같은 상황에서 응용할 수 있습니다.
 
 
미디어위키 문법으로 이미지를 삽입할 때 이미지의 크기는 반드시 너비만 조정이 가능합니다. 하지만 나는 높이를 조정하고 싶은데, 너비와 높이의 비율이 1:1로 같은 이미지일 경우 상관이 없지만 그렇지 않을 경우 다소 난감하죠. 그때 이렇게 사용할 수 있습니다.
 
ex) 높이 50px의 [[:파일:Eipellus.png]]
 
<pre>[[파일:Eipellus.png|{{#expr:{{가로세로비|1440|480|50}}round0}}px|border]]</pre>
 
{{MT|style=border: none;}}
|-
|{{style|border: none;}}|[[파일:Eipellus.png|{{#expr:{{가로세로비|1440|480|50}}round0}}px|border]]
|{{style|border: none;}}|<div style="display: inline-block; width: 30px; height: 50px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;"><div style="display: inline-block; height: 100%; border-right: 1px solid #ddd;"></div></div>
|-
|{{style|colspan=2|align=center|border: none;}}|우측: 비교용 50px 높이
{{MT끝}}
 
# 먼저 삽입하려는 이미지의 너비와 높이를 조사합니다. 이는 이미지 문서로 들어가면 볼 수 있습니다.
# 원래 이미지 문법의 너비 자리에 <nowiki>{{</nowiki>{{exhide|type=jwiki|틀:가로세로비|가로세로비}}<nowiki>}}</nowiki>에서 이미지의 너비와 높이를 넣고 원하는 높이 값을 넣습니다.
# 이미지의 너비와 높이 비율에 맞추어 입력한 높이 값에 따른 너비를 출력하게 됩니다.
# 소수점이 너무 길면 이미지 문법에서 너비 값 자체를 무시해 버리므로, <syntaxhighlight lang="html+handlebars" inline="">{{#expr}}</syntaxhighlight>의 round 구문{{툴팁|?|round 오른쪽에 있는 숫자만큼 소수점 아래에서 반올림하는 구문. 즉 {{code|round 1}}이면 소수점 일의 자리까지 보여지고, {{code|round 3}}이면 소수점 백의 자리까지 보여진다.}}이용해 소수점을 제한합니다.


{{김찬 제작 틀}}
{{김찬 제작 틀}}

2024년 7월 2일 (화) 23:41 기준 최신판

:가로세로비
사용문서
새로고침
넘겨주기
이동하기

{{가로세로비|<가로값>|<가로비>|<세로비>}}

리브레 위키틀:가로세로비와 같은 목적으로 만들어졌으나 모듈을 사용하지 않아 문법이 더 간단합니다.

가로값, 가로비, 세로비를 입력하면 입력한 가로세로비와 가로값에 맞는 세로값이 출력됩니다.

네 번째 변수에 아무 값이나 추가하면 가로값에서 비율에 해당하는 세로값이 아니라 세로값에서 비율에 해당하는 가로값을 출력합니다. 즉 이때 첫 번째 변수는 가로값이 아니라 세로값입니다.

문법 결과
{{가로세로비|1920|16|9}}
1080
{{가로세로비|1920|16|10}}
1200
{{가로세로비|1440|4|3}}
1080
{{가로세로비|1080|16|9|.}}
1920

이미지의 높이를 조정하고 싶을 때 이 틀을 응용할 수 있는데, 자세한 방법은 연습장:Kimchan/팁 문서의 23번 팁을 참고하십시오.

+
김찬 제작 틀
[ A~Z & etc. ]
[ ㄱ~ㅅ ]
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함