Difference between revisions of "Annotation"
From Sega Retro
Line 1: | Line 1: | ||
− | <includeonly>{{#vardefine:width|{{#expr:{{{x2}}}-{{{x1}}}}}}}{{ | + | <includeonly>{{#if:{{#var:zindex}}|{{#vardefine:zindex|{{#expr:{{#var:zindex}} + 1}}}}|{{#vardefine:zindex|1}}}}{{#vardefine:width|{{#expr:{{{x2}}}-{{{x1}}}}}}}{{ |
#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|{{#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; z-index: | + | }}<span style="background-color: {{{colour}}}; width:{{#var:length}}px; height:3px; position:relative; top:{{{y1}}}px; left:{{{x1}}}px; z-index: {{#var:zindex}}; display:inline-block; vertical-align:top; margin-right:{{#expr:-{{{x1}}}}}px; 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]] | ||