Difference between revisions of "PieChartSegment"

From Sega Retro
Line 1: Line 1:
 
<includeonly><div style="display:none;">
 
<includeonly><div style="display:none;">
−
{{#vardefine:hyp|{{#expr:sqrt(({{#var:radius}}^2)+({{#var:radius}}^2))}}}}
+
{{#vardefine:size|{{#expr:{{#var:radius}} * 2}}}}
−
</div><div style="border-left: {{#var:radius}}px solid transparent;  
+
{{#vardefine:angle|{{{angle|}}}}}
−
             border-right: {{#var:radius}}px solid transparent;
+
{{#vardefine:adj|{{#expr:cos({{Deg2Rad|{{#var:angle}}/2}})*{{#var:size}}}}}}
−
             border-top: {{#var:radius}}px solid transparent;
+
</div><div style="line-height:0px;
−
             border-bottom: {{#var:radius}}px solid green; width:0px; transform-origin:{{#var:radius}}px {{#var:radius}}px; transform: translate({{#var:hyp}}px, 0px) rotate(45deg)"></div><div style="display:none;">
+
            border-left: {{#var:size}}px solid transparent;  
 +
             border-right: {{#var:size}}px solid transparent;
 +
             border-top: {{#var:size}}px solid transparent;
 +
             border-bottom: {{#var:adj}}px solid green;
 +
            width:0px; transform-origin:{{#var:size}}px {{#var:size}}px; transform: translate(-{{#expr:{{#var:size}}/2}}px, -{{#expr:{{#var:size}}/2}}px) rotate(-{{#expr:45}}deg)">{{#var:adj}}</div><div style="display:none;">
  
 
<!--{{#vardefine:skewangle|{{#expr:90-{{{angle|}}}}}}}
 
<!--{{#vardefine:skewangle|{{#expr:90-{{{angle|}}}}}}}
Line 31: Line 35:
 
}}
 
}}
 
}}
 
}}
 +
  
  

Revision as of 17:59, 9 March 2022


<div style="width:400px; height:400px;

background: conic-gradient(


<div style="line-height:0px; 

           border-left: Expression error: Unexpected * operator.px solid transparent; 
           border-right: Expression error: Unexpected * operator.px solid transparent;
           border-top: Expression error: Unexpected * operator.px solid transparent;
           border-bottom: Expression error: Unexpected < operator.px solid green;

width:0px; transform-origin:Expression error: Unexpected * operator.px Expression error: Unexpected * operator.px; transform: translate(-Expression error: Unexpected < operator.px, -Expression error: Unexpected < operator.px) rotate(-45deg)">Expression error: Unexpected < operator.

}}


<div style="line-height:0px; 
           border-left: Expression error: Unexpected * operator.px solid transparent; 
           border-right: Expression error: Unexpected * operator.px solid transparent;
           border-top: Expression error: Unexpected * operator.px solid transparent;
           border-bottom: Expression error: Unexpected < operator.px solid green;
width:0px; transform-origin:Expression error: Unexpected * operator.px Expression error: Unexpected * operator.px; transform: translate(-Expression error: Unexpected < operator.px, -Expression error: Unexpected < operator.px) rotate(-45deg)">Expression error: Unexpected < operator.

} );

border: 2px solid #000000; border-radius:400px; overflow: hidden;">
Retrieved from "https://segaretro.org/index.php?title=Template:PieChartSegment&oldid=758618"