NativeScript / canvas

Apache License 2.0
88 stars 18 forks source link

createConicGradient startAngle not working #127

Open kakha13 opened 1 month ago

kakha13 commented 1 month ago

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);

gradient Nothing changes

triniwiz commented 1 month ago

What’s the expected output ?

kakha13 commented 1 month ago

What’s the expected output ?

oldnew I want to get this result but nothing changes. Changed the colors as I wanted, but I still wrote it so you can check it

triniwiz commented 6 days ago

Fixed on the latest webgpu tag