canvas
canvas copied to clipboard
createConicGradient startAngle not working
Tested on iOS
CODE
<StackLayout width="300" height="300" backgroundColor="black">
<Canvas ref="canvas" style="width:100%; height:100%" width="300" height="300" @ready="onDraw" />
</StackLayout>
canvas = args.object
ctx = canvas.getContext('2d') as CanvasRenderingContext2D;
canvas.width = canvas.clientWidth;
canvas.height = canvas.clientHeight;
const gradient = ctx.createConicGradient(90, canvas.width/2, canvas.height/2);
// Add five color stops
gradient.addColorStop(0, 'red');
gradient.addColorStop(0.25, 'orange');
gradient.addColorStop(0.5, 'yellow');
gradient.addColorStop(0.75, 'green');
gradient.addColorStop(1, 'blue');
ctx.fillStyle = gradient;
ctx.fillStyle = gradient;
ctx.fillRect(20, 20, canvas.width, canvas.width);
Nothing changes