Page({
    onLoad() {
        const canvasContext = xhs.createCanvasContext('myCanvas');
        canvasContext.beginPath();
        canvasContext.moveTo(30, 10);
        canvasContext.lineTo(200, 10);
        canvasContext.stroke();

        canvasContext.beginPath();
        canvasContext.setLineWidth(5);
        canvasContext.moveTo(50, 30);
        canvasContext.lineTo(200, 30);
        canvasContext.stroke();

        canvasContext.beginPath();
        canvasContext.setLineWidth(10);
        canvasContext.moveTo(70, 50);
        canvasContext.lineTo(200, 50);
        canvasContext.stroke();

        canvasContext.beginPath();
        canvasContext.setLineWidth(15);
        canvasContext.moveTo(90, 70);
        canvasContext.lineTo(200, 70);
        canvasContext.stroke();

        canvasContext.draw();
    }
});