Aspect Ratio - Revision history

Ronie at 23:27, 25 November 2014

2014-11-25T23:27:33Z

← Older revision		Revision as of 23:27, 25 November 2014
Line 16:		Line 16:
	\|-		\|-
	\| '''stretch'''		\| '''stretch'''
	\| Aspect ratio is not kept - the image will be stretched so that it exactly fits the box.		\| Aspect ratio is not kept - the image will be stretched so that it exactly fits the box. (default value).
	\|-		\|-
	\| '''scale'''		\| '''scale'''

NedBot: Robot: Changing Category:Skin Development to Category:Skin development

2014-04-23T19:00:48Z

Robot: Changing Category:Skin Development to Category:Skin development

← Older revision		Revision as of 19:00, 23 April 2014
Line 41:		Line 41:
	* [[Skinning]]		* [[Skinning]]

	[[Category:Skin ~~Development~~]]		[[Category:Skin development]]

NedBot: Bot: automated adding of 'enclose="div"' to syntaxhighlight

2014-03-14T06:40:00Z

Bot: automated adding of 'enclose="div"' to syntaxhighlight

← Older revision		Revision as of 06:40, 14 March 2014
Line 3:		Line 3:
	=== XML tag format ===		=== XML tag format ===
	The tag format is:		The tag format is:
	<syntaxhighlight lang="xml">		<syntaxhighlight lang="xml" enclose="div">
	<aspectratio scalediffuse="false" align="left" aligny="top">keep</aspectratio>		<aspectratio scalediffuse="false" align="left" aligny="top">keep</aspectratio>
	</syntaxhighlight>		</syntaxhighlight>

NedBot: Bot: Automated text replacement (-class="wikitable" +class="prettytable" & -Available Tags +Available tags & - +)

2014-03-14T05:47:31Z

Bot: Automated text replacement (-class="wikitable" +class="prettytable" & -Available Tags +Available tags & -<source +<syntaxhighlight & -</source> +</syntaxhighlight>)

← Older revision		Revision as of 05:47, 14 March 2014
Line 3:		Line 3:
	=== XML tag format ===		=== XML tag format ===
	The tag format is:		The tag format is:
	<~~source~~ lang="xml">		<syntaxhighlight lang="xml">
	<aspectratio scalediffuse="false" align="left" aligny="top">keep</aspectratio>		<aspectratio scalediffuse="false" align="left" aligny="top">keep</aspectratio>
	</~~source~~>		</syntaxhighlight>

	=== Allowed values ===		=== Allowed values ===

NedBot: prettytable

2014-03-14T05:31:23Z

prettytable

← Older revision		Revision as of 05:31, 14 March 2014
Line 10:		Line 10:
	The values allowed for the aspect ratio are keep, stretch, scale, and center. These do the following:		The values allowed for the aspect ratio are keep, stretch, scale, and center. These do the following:
	In addition to the [[Default Control Tags\|default control tags]], the following tags are available. Note that each tag is '''lower case only.''' This is important, as xml tags are case-sensitive.		In addition to the [[Default Control Tags\|default control tags]], the following tags are available. Note that each tag is '''lower case only.''' This is important, as xml tags are case-sensitive.
	{\| class="~~wikitable~~"		{\| class="prettytable"
	\|-		\|-
	\| '''keep'''		\| '''keep'''

>NedBot: Robot: Cosmetic changes

2013-04-27T14:43:18Z

Robot: Cosmetic changes

← Older revision		Revision as of 14:43, 27 April 2013
Line 36:		Line 36:


	==See also==		== See also ==
	'''Development:'''		'''Development:'''
	* [[Add-on development]]		* [[Add-on development]]

>Martijn at 22:47, 26 January 2013

2013-01-26T22:47:02Z

← Older revision		Revision as of 22:47, 26 January 2013
Line 34:		Line 34:

	[[File:Aspectratio image.jpg]]		[[File:Aspectratio image.jpg]]


			==See also==
			'''Development:'''
			* [[Add-on development]]
			* [[Skinning]]

	[[Category:Skin Development]]		[[Category:Skin Development]]

>NedBot: Wikitable class

2011-11-26T07:47:55Z

Wikitable class

← Older revision		Revision as of 07:47, 26 November 2011
Line 10:		Line 10:
	The values allowed for the aspect ratio are keep, stretch, scale, and center. These do the following:		The values allowed for the aspect ratio are keep, stretch, scale, and center. These do the following:
	In addition to the [[Default Control Tags\|default control tags]], the following tags are available. Note that each tag is '''lower case only.''' This is important, as xml tags are case-sensitive.		In addition to the [[Default Control Tags\|default control tags]], the following tags are available. Note that each tag is '''lower case only.''' This is important, as xml tags are case-sensitive.
	{\| class="~~dtable~~"		{\| class="wikitable"
	\|-		\|-
	\| '''keep'''		\| '''keep'''

>NedBot: Wikitable class

2011-11-26T07:44:50Z

Wikitable class

← Older revision		Revision as of 07:44, 26 November 2011
Line 11:		Line 11:
	In addition to the [[Default Control Tags\|default control tags]], the following tags are available. Note that each tag is '''lower case only.''' This is important, as xml tags are case-sensitive.		In addition to the [[Default Control Tags\|default control tags]], the following tags are available. Note that each tag is '''lower case only.''' This is important, as xml tags are case-sensitive.
	{\| class="dtable"		{\| class="dtable"
	\|- ~~class="userrow"~~		\|-
	\| ~~class="usercell" \|~~ '''keep'''		\| '''keep'''
	\| ~~class="usercell" \|~~ Aspect ratio will be kept, and the image will be scaled down or up so that it fits inside the box, with transparent bars either side if the ratios are not the same.		\| Aspect ratio will be kept, and the image will be scaled down or up so that it fits inside the box, with transparent bars either side if the ratios are not the same.
	\|- ~~class="userrow"~~		\|-
	\| ~~class="usercell" \|~~ '''stretch'''		\| '''stretch'''
	\| ~~class="usercell" \|~~ Aspect ratio is not kept - the image will be stretched so that it exactly fits the box.		\| Aspect ratio is not kept - the image will be stretched so that it exactly fits the box.
	\|- ~~class="userrow"~~		\|-
	\| ~~class="usercell" \|~~ '''scale'''		\| '''scale'''
	\| ~~class="usercell" \|~~ Aspect ratio is kept, and the image is scaled up so that it fills the box, with any portions that lie outside the box being cropped off.		\| Aspect ratio is kept, and the image is scaled up so that it fills the box, with any portions that lie outside the box being cropped off.
	\|- ~~class="userrow"~~		\|-
	\| ~~class="usercell" \|~~ '''center'''		\| '''center'''
	\| ~~class="usercell" \|~~ Aspect ratio is kept, and the image is left unscaled, centered within the box. It may be cropped if the image is larger than the box, or may have a transparent border if the image is smaller than the box.		\| Aspect ratio is kept, and the image is left unscaled, centered within the box. It may be cropped if the image is larger than the box, or may have a transparent border if the image is smaller than the box.
	\|}		\|}

>NedBot: Robot: Cosmetic changes

2011-09-07T16:04:40Z

Robot: Cosmetic changes

← Older revision		Revision as of 16:04, 7 September 2011
Line 1:		Line 1:
	The <aspectratio> tag allows the aspect ratio of images (and multiimages) to be defined, and in addition, on how the image should be aligned within the standard <width>,<height> box.		The <aspectratio> tag allows the aspect ratio of images (and multiimages) to be defined, and in addition, on how the image should be aligned within the standard <width>,<height> box.

	=== XML tag format===		=== XML tag format ===
	The tag format is:		The tag format is:
	<source lang="xml">		<source lang="xml">
Line 7:		Line 7:
	</source>		</source>

	===Allowed values===		=== Allowed values ===
	The values allowed for the aspect ratio are keep, stretch, scale, and center. These do the following:		The values allowed for the aspect ratio are keep, stretch, scale, and center. These do the following:
	In addition to the [[~~Default_Control_Tags~~\|default control tags]], the following tags are available. Note that each tag is '''lower case only.''' This is important, as xml tags are case-sensitive.		In addition to the [[Default Control Tags\|default control tags]], the following tags are available. Note that each tag is '''lower case only.''' This is important, as xml tags are case-sensitive.
	{\| class="dtable"		{\| class="dtable"
	\|- class="userrow"		\|- class="userrow"
Line 25:		Line 25:
	\|}		\|}

	===Attributes===		=== Attributes ===
	The align and aligny attributes specify how the image is positioned within the box. The default is to align to center in both directions.		The align and aligny attributes specify how the image is positioned within the box. The default is to align to center in both directions.

	Finally, the scalediffuse="false" attribute means the diffuse texture is not scaled to the image size. i.e. the diffuse image effectively uses aspectratio stretch in this case. This is especially useful when using the diffuse image to trim the main image in a particular way, such as to round off the corners. The default is scalediffuse="true".		Finally, the scalediffuse="false" attribute means the diffuse texture is not scaled to the image size. i.e. the diffuse image effectively uses aspectratio stretch in this case. This is especially useful when using the diffuse image to trim the main image in a particular way, such as to round off the corners. The default is scalediffuse="true".

	===Example===		=== Example ===
	The image below shows the various combinations. The aspect ratios are from left to right: keep, scale, stretch, center. The top images use scalediffuse="true" and the lower images use scalediffuse="false".		The image below shows the various combinations. The aspect ratios are from left to right: keep, scale, stretch, center. The top images use scalediffuse="true" and the lower images use scalediffuse="false".

	[[~~Image~~:Aspectratio image.jpg]]		[[File:Aspectratio image.jpg]]

	[[~~category~~:Skin Development]]		[[Category:Skin Development]]