Difference between revisions of "Annotation"
From Sega Retro
m (Text replacement - "Category:Sega Retro templates" to "Category:Templates") |
|||
(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | <includeonly>{{#vardefine:width|{{#expr:{{{x2}}}-{{{x1}}}}}}}{{ | + | <includeonly>{{#vardefine:{{{title}}}_desc|{{{desc|}}}}}{{#if:{{{titlesize|}}}|{{#vardefine:titlesize|{{{titlesize}}}}}|{{#vardefine:titlesize|20}}}}{{addvar|zindex|1}}{{addvar|zindex|1}}{{#vardefine:width|{{#expr:{{{x2}}}-{{{x1}}}}}}}{{ |
#vardefine:height|{{#expr:{{{y2}}}-{{{y1}}}}}}}{{ | #vardefine:height|{{#expr:{{{y2}}}-{{{y1}}}}}}}{{ | ||
− | #vardefine:angle|{{#expr:(atan({{#var:height}}/{{#var:width}})) * 180 / pi}} | + | #vardefine:length|{{#expr:sqrt(({{#var:width}}^2) + ({{#var:height}}^2))}}}}{{ |
− | }}<span style="background-color: {{{colour}}}; width:{{# | + | #vardefine:angle|{{#ifeq:{{#var:width}}|0|90|{{#expr:(atan({{#var:height}}/{{#var:width}})) * 180 / pi}}}}}}{{ |
+ | #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>{{addvar|zindex|1}}<span style="display:inline-block; z-index: {{#var:zindex}}; position:relative; vertical-align:top; top:{{#expr:{{#if:{{{reverse|}}}|{{{y2}}}|{{{y1}}}}} - ({{#var:titlesize}}/2)-1}}px; left:{{#expr:{{#if:{{{reverse|}}}|{{{x2}}}|{{{x1}}}}} - ({{#var:titlesize}}/2) -1}}px; margin-right:-{{#var:titlesize}}px;" >{{AnnotationTitle|size={{#var:titlesize}}|title={{{title}}}}}</span></includeonly><noinclude> | ||
+ | [[File:PSOep1and2.png]]{{Annotation|x1=50|y1=10|x2=100|y2=10|colour=#FF0000|title=A}}{{Annotation|x1=100|y1=100|x2=150|y2=200|colour=#00FF00|title=A}}{{Annotation|x1=200|y1=200|x2=300|y2=300|colour=#0000FF|title=A}}[[File:TestGrid.png]] | ||
− | |||
− | [[Category: | + | {{Annotation|x1=50|y1=10|x2=100|y2=10|colour=#FF0000|titlesize=20|title=A}}{{Annotation|x1=100|y1=100|x2=150|y2=200|colour=#00FF00|title=A}}{{Annotation|x1=200|y1=200|x2=300|y2=300|colour=#0000FF|title=A}}[[File:TestGrid.png]] |
+ | |||
+ | [[File:TestGrid.png]] | ||
+ | |||
+ | {{Annotation|x1=50|y1=10|x2=100|y2=10|colour=#FF0000|title=A}}[[File:TestGrid.png]] | ||
+ | |||
+ | {{Annotation|x1=100|y1=100|x2=150|y2=200|colour=#00FF00|title=A}}[[File:TestGrid.png]] | ||
+ | |||
+ | {{Annotation|x1=200|y1=200|x2=300|y2=300|colour=#0000FF|title=A}}[[File:TestGrid.png]] | ||
+ | |||
+ | <div align="center"> | ||
+ | {{Annotation|x1=-50|y1=32|x2=16|y2=32|colour=#FFF|title=A}}{{Annotation|x1=-50|y1=200|x2=16|y2=200|colour=#FFF|title=B}}{{Annotation|x1=290|y1=32|x2=380|y2=32|colour=#FFF|title=C|reverse=true}}{{Annotation|x1=310|y1=200|x2=380|y2=200|colour=#FFF|title=D|reverse=true}}{{Annotation|x1=244|y1=210|x2=244|y2=240|colour=#FFF|title=E|reverse=true}}[[File:Aladdin MD Desert.png]] | ||
+ | </div> | ||
+ | [[Category:Templates]]</noinclude> |