Difference between revisions of "PieChartSegment"
From Sega Retro
Line 1: | Line 1: | ||
<includeonly><div style="display:none;"> | <includeonly><div style="display:none;"> | ||
− | {{#vardefine: | + | {{#vardefine:size|{{#expr:{{#var:radius}} * 2}}}} |
− | </div><div style="border-left: {{#var: | + | {{#vardefine:angle|{{{angle|}}}}} |
− | border-right: {{#var: | + | {{#vardefine:adj|{{#expr:cos({{Deg2Rad|{{#var:angle}}/2}})*{{#var:size}}}}}} |
− | border-top: {{#var: | + | </div><div style="line-height:0px; |
− | border-bottom: {{#var: | + | 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.