Difference between revisions of "PieChartSegment"
From Sega Retro
Line 7: | Line 7: | ||
{{#vardefine:translationY|{{#var:radius}}}} | {{#vardefine:translationY|{{#var:radius}}}} | ||
− | </div><div style="transform:translate({{#var:translationX}}px, {{#expr:(-{{#var:oldTranslationY}}) + {{#var:translationY}}}}px)><div style="width:{{#var:radius}}px; height:{{#var:radius}}px; background-color:#{{{colour|}}}{{{color|}}}; border:0px; transform: skew({{#var:skewangle}}deg); position:relative;"></div></div>{{ | + | </div><div style="transform:translate({{#var:translationX}}px, {{#expr:(-{{#var:oldTranslationY}}) + {{#var:translationY}}}}px) rotate({{#expr:{{#var:oldAngle}}}}deg);"><div style="width:{{#var:radius}}px; height:{{#var:radius}}px; background-color:#{{{colour|}}}{{{color|}}}; border:0px; transform: skew({{#var:skewangle}}deg); position:relative;"></div></div>{{ |
#vardefine:oldTranslationX|{{#var:translationX}}}}{{ | #vardefine:oldTranslationX|{{#var:translationX}}}}{{ | ||
#vardefine:oldTranslationY|{{#var:translationY}}}}{{ | #vardefine:oldTranslationY|{{#var:translationY}}}}{{ |
Revision as of 13:52, 9 March 2022
<div style="width:400px; height:400px;
background: conic-gradient(
<div style="transform:translate(Expression error: Unexpected < operator.px, Expression error: Missing operand for +.px) rotate(0deg);">
<div style="transform:translate(Expression error: Unexpected < operator.px, Expression error: Missing operand for -.px) rotate(40deg);">