Difference between revisions of "Annotation"
From Sega Retro
(Sunday morning is no place for trigonometry) |
|||
Line 2: | Line 2: | ||
#vardefine:height|{{#expr:{{{y2}}}-{{{y1}}}}}}}{{ | #vardefine:height|{{#expr:{{{y2}}}-{{{y1}}}}}}}{{ | ||
#vardefine:length|{{#expr:sqrt(({{#var:width}}^2) + ({{#var:height}}^2))}}}}{{ | #vardefine:length|{{#expr:sqrt(({{#var:width}}^2) + ({{#var:height}}^2))}}}}{{ | ||
− | #vardefine:angle|{{#expr:(atan({{#var:height}}/{{#var:width}})) * 180 / pi}} | + | #vardefine:angle|{{#ifeq:{{#var:width}}|0|90|{{#expr:(atan({{#var:height}}/{{#var:width}})) * 180 / pi}}}}}}{{ |
− | }}<span style="background-color: {{{colour}}}; width:{{#var:length}}px; height:3px; position:relative; top:{{{y1}}}px; left:{{{x1}}}px; margin-right:-{{ | + | #vardefine:rightmargin|{{#var:length}} |
+ | }}<span style="background-color: {{{colour}}}; border: 1px solid rgba(0, 0, 0, 0.5); width:{{#var:length}}px; height:3px; position:relative; top:{{{y1}}}px; left:{{{x1}}}px; margin-right:-{{#var:rightmargin}}px; padding:0px; z-index: {{#var:zindex}}; display:inline-block; vertical-align:top; transform-origin: 0px 1px; transform: rotate({{#var:angle}}deg)" ></span></includeonly><noinclude> | ||
[[File:PSOep1and2.png]]{{Annotation|x1=50|y1=10|x2=100|y2=10|colour=#FF0000}}{{Annotation|x1=100|y1=100|x2=150|y2=200|colour=#00FF00}}{{Annotation|x1=200|y1=200|x2=300|y2=300|colour=#0000FF}}[[File:TestGrid.png]] | [[File:PSOep1and2.png]]{{Annotation|x1=50|y1=10|x2=100|y2=10|colour=#FF0000}}{{Annotation|x1=100|y1=100|x2=150|y2=200|colour=#00FF00}}{{Annotation|x1=200|y1=200|x2=300|y2=300|colour=#0000FF}}[[File:TestGrid.png]] | ||
Line 16: | Line 17: | ||
{{Annotation|x1=200|y1=200|x2=300|y2=300|colour=#0000FF}}[[File:TestGrid.png]] | {{Annotation|x1=200|y1=200|x2=300|y2=300|colour=#0000FF}}[[File:TestGrid.png]] | ||
+ | |||
+ | <div align="center"> | ||
+ | {{Annotation|x1=-50|y1=32|x2=16|y2=32|colour=#00FFFF}}{{Annotation|x1=-50|y1=200|x2=16|y2=200|colour=#00FFFF}}{{Annotation|x1=290|y1=32|x2=380|y2=32|colour=#00FFFF}}{{Annotation|x1=310|y1=200|x2=380|y2=200|colour=#00FFFF}}{{Annotation|x1=244|y1=210|x2=244|y2=240|colour=#00FFFF}}[[File:Aladdin MD Desert.png]] | ||
+ | </div> | ||
[[Category:Sega Retro templates]]</noinclude> | [[Category:Sega Retro templates]]</noinclude> |