Page({
    onLoad() {
        const canvasContext = xhs.createCanvasContext('myCanvas');

        // Create circular gradient
        const grd = canvasContext.createCircularGradient(75, 50, 50);
        grd.addColorStop(0, 'red');
        grd.addColorStop(1, 'blue');

        // Fill with gradient
        canvasContext.setFillStyle(grd);
        canvasContext.fillRect(30, 30, 150, 80);
        canvasContext.draw();
    }
});