YellowWarningTriangle.png This wiki is closed in favour of the new wiki. Information shown is likely to be very out of date.

Difference between revisions of "User:Space/Template:DrawLine"

From Discovery Wiki
Jump to navigationJump to search
m
m (I forgot how atan2 worked - can't use it.)
Line 3: Line 3:
 
bottom:{{{2}}}px;
 
bottom:{{{2}}}px;
 
transform-origin: 100% 0%;
 
transform-origin: 100% 0%;
−
transform:rotate(-{{#expr:{{atan2|y={{#expr:{{{4}}}-{{{2}}}}}|x={{#expr: {{{3}}}-{{{1}}}}}}}*180/pi}}deg);
+
transform:rotate({{#expr: (atan(({{{4}}}-{{{2}}})/({{{3}}}-{{{1}}}))*180/pi}}deg);
 
-webkit-transform-origin: 100% 0%;
 
-webkit-transform-origin: 100% 0%;
−
-webkit-transform:rotate(-{{#expr:{{atan2|y={{#expr:{{{4}}}-{{{2}}}}}|x={{#expr: {{{3}}}-{{{1}}}}}}}*180/pi}}deg);
+
-webkit-transform:rotate({{#expr: (atan(({{{4}}}-{{{2}}})/({{{3}}}-{{{1}}}))*180/pi}}deg);
 
-ms-transform-origin: 100% 0%;
 
-ms-transform-origin: 100% 0%;
−
-ms-transform:rotate(-{{#expr:{{atan2|y={{#expr:{{{4}}}-{{{2}}}}}|x={{#expr: {{{3}}}-{{{1}}}}}}}*180/pi}}deg);
+
-ms-transform:rotate({{#expr: (atan(({{{4}}}-{{{2}}})/({{{3}}}-{{{1}}}))*180/pi}}deg);
 
-moz-transform-origin: 100% 0%;
 
-moz-transform-origin: 100% 0%;
−
-moz-transform:rotate(-{{#expr:{{atan2|y={{#expr:{{{4}}}-{{{2}}}}}|x={{#expr: {{{3}}}-{{{1}}}}}}}*180/pi}}deg);
+
-moz-transform:rotate({{#expr: (atan(({{{4}}}-{{{2}}})/({{{3}}}-{{{1}}}))*180/pi}}deg);
 
-o-transform-origin: 100% 0%;
 
-o-transform-origin: 100% 0%;
−
-o-transform:rotate(-{{#expr:{{atan2|y={{#expr:{{{4}}}-{{{2}}}}}|x={{#expr: {{{3}}}-{{{1}}}}}}}*180/pi}}deg);
+
-o-transform:rotate({{#expr: (atan(({{{4}}}-{{{2}}})/({{{3}}}-{{{1}}}))*180/pi}}deg);
 
width: {{#expr: (({{{3}}}-{{{1}}})^2+({{{4}}}-{{{2}}})^2)^0.5}}px;
 
width: {{#expr: (({{{3}}}-{{{1}}})^2+({{{4}}}-{{{2}}})^2)^0.5}}px;
 
height: {{{5}}}px;
 
height: {{{5}}}px;
Line 33: Line 33:
  
 
[[Category:Templates]]</noinclude>
 
[[Category:Templates]]</noinclude>
 +
atan

Revision as of 18:23, 8 April 2013


150px-WIP2.png This page is currently being developed by one or more editors being led by Space. Please refer to the talk page to learn about and/or contribute to the completion of this page. You can also contact the leader on their discussion page.

Talk Page

Usage

{{User:Space/Template:DrawLine|x1|y1|x2|y2|width in px|valid css color code or name}}

Planned to be used for trade lanes in Template:System Map.

Result

{{User:Space/Template:DrawLine|200|200|300|100|3|purple}}{{User:Space/Template:DrawLine|100|0|0|100|3|pink}}{{User:Space/Template:DrawLine|0|100|100|0|3|yellow}}{{User:Space/Template:DrawLine|0|0|100|0|3|#00BFFF}}{{User:Space/Template:DrawLine|7000|-10000|800|1300|40|red}} (and a bunch of newlines)





<div style="position:relative; left:200px; bottom:200px; transform-origin: 100% 0%; transform:rotate(Expression error: Unclosed bracket.deg); -webkit-transform-origin: 100% 0%; -webkit-transform:rotate(Expression error: Unclosed bracket.deg); -ms-transform-origin: 100% 0%; -ms-transform:rotate(Expression error: Unclosed bracket.deg); -moz-transform-origin: 100% 0%; -moz-transform:rotate(Expression error: Unclosed bracket.deg); -o-transform-origin: 100% 0%; -o-transform:rotate(Expression error: Unclosed bracket.deg); width: 141.42135623731px; height: 3px;

background: purple;">


atan<div style="position:relative; left:100px; bottom:0px; transform-origin: 100% 0%; transform:rotate(Expression error: Unclosed bracket.deg); -webkit-transform-origin: 100% 0%; -webkit-transform:rotate(Expression error: Unclosed bracket.deg); -ms-transform-origin: 100% 0%; -ms-transform:rotate(Expression error: Unclosed bracket.deg); -moz-transform-origin: 100% 0%; -moz-transform:rotate(Expression error: Unclosed bracket.deg); -o-transform-origin: 100% 0%; -o-transform:rotate(Expression error: Unclosed bracket.deg); width: 141.42135623731px; height: 3px;

background: pink;">


atan<div style="position:relative; left:0px; bottom:100px; transform-origin: 100% 0%; transform:rotate(Expression error: Unclosed bracket.deg); -webkit-transform-origin: 100% 0%; -webkit-transform:rotate(Expression error: Unclosed bracket.deg); -ms-transform-origin: 100% 0%; -ms-transform:rotate(Expression error: Unclosed bracket.deg); -moz-transform-origin: 100% 0%; -moz-transform:rotate(Expression error: Unclosed bracket.deg); -o-transform-origin: 100% 0%; -o-transform:rotate(Expression error: Unclosed bracket.deg); width: 141.42135623731px; height: 3px;

background: yellow;">


atan<div style="position:relative; left:0px; bottom:0px; transform-origin: 100% 0%; transform:rotate(Expression error: Unclosed bracket.deg); -webkit-transform-origin: 100% 0%; -webkit-transform:rotate(Expression error: Unclosed bracket.deg); -ms-transform-origin: 100% 0%; -ms-transform:rotate(Expression error: Unclosed bracket.deg); -moz-transform-origin: 100% 0%; -moz-transform:rotate(Expression error: Unclosed bracket.deg); -o-transform-origin: 100% 0%; -o-transform:rotate(Expression error: Unclosed bracket.deg); width: 100px; height: 3px;

background: #00BFFF;">


atan<div style="position:relative; left:7000px; bottom:-10000px; transform-origin: 100% 0%; transform:rotate(Expression error: Unclosed bracket.deg); -webkit-transform-origin: 100% 0%; -webkit-transform:rotate(Expression error: Unclosed bracket.deg); -ms-transform-origin: 100% 0%; -ms-transform:rotate(Expression error: Unclosed bracket.deg); -moz-transform-origin: 100% 0%; -moz-transform:rotate(Expression error: Unclosed bracket.deg); -o-transform-origin: 100% 0%; -o-transform:rotate(Expression error: Unclosed bracket.deg); width: 12889.142717807px; height: 40px;

background: red;">


atan atan

Retrieved from "https://discoverygc.com/wiki/index.php?title=User:Space/Template:DrawLine&oldid=89511"