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))}}}} | ||
| + | </div><div style="border-left: {{#var:radius}}px solid transparent; | ||
| + | border-right: {{#var:radius}}px solid transparent; | ||
| + | border-top: {{#var:radius}}px solid transparent; | ||
| + | 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;"> | ||
| + | |||
| + | <!--{{#vardefine:skewangle|{{#expr:90-{{{angle|}}}}}}} | ||
{{#vardefine:opp|{{#var:radius}}}} | {{#vardefine:opp|{{#var:radius}}}} | ||
{{#vardefine:hyp|{{#expr:{{#var:opp}}/sin({{Deg2Rad|{{#expr:90-{{#var:skewangle}}}}}})}}}} | {{#vardefine:hyp|{{#expr:{{#var:opp}}/sin({{Deg2Rad|{{#expr:90-{{#var:skewangle}}}}}})}}}} | ||
| Line 10: | Line 17: | ||
#vardefine:oldTranslationX|{{#var:translationX}}}}{{ | #vardefine:oldTranslationX|{{#var:translationX}}}}{{ | ||
#vardefine:oldTranslationY|{{#var:translationY}}}}{{ | #vardefine:oldTranslationY|{{#var:translationY}}}}{{ | ||
| − | #vardefine:oldAngle|{{{angle|}}} | + | #vardefine:oldAngle|{{{angle|}}}--> |
}} | }} | ||
</includeonly><noinclude> | </includeonly><noinclude> | ||
| Line 16: | Line 23: | ||
{{PieChart| | {{PieChart| | ||
{{PieChartSegment | {{PieChartSegment | ||
| − | | angle= | + | | angle=45 |
| colour=0000FF | | colour=0000FF | ||
}} | }} | ||
| Line 24: | Line 31: | ||
}} | }} | ||
}} | }} | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
[[Category:Templates]]</noinclude> | [[Category:Templates]]</noinclude> | ||
Revision as of 15:41, 9 March 2022
<div style="width:400px; height:400px;
background: conic-gradient(
<div style="border-left: px solid transparent;
border-right: px solid transparent;
border-top: px solid transparent;
border-bottom: px solid green; width:0px; transform-origin:px px; transform: translate(Expression error: Unexpected ^ operator.px, 0px) rotate(45deg)">