Open kakha13 opened 1 month ago
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
What’s the expected output ?
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
Fixed on the latest webgpu tag
Tested on iOS
CODE
Nothing changes