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

        canvasContext.setStrokeStyle('red');
        canvasContext.moveTo(150, 20);
        canvasContext.lineTo(150, 170);
        canvasContext.stroke();

        canvasContext.setFontSize(15);
        canvasContext.setTextAlign('left');
        canvasContext.fillText('textAlign=left', 150, 60);

        canvasContext.setTextAlign('center');
        canvasContext.fillText('textAlign=center', 150, 80);

        canvasContext.setTextAlign('right');
        canvasContext.fillText('textAlign=right', 150, 100);

        canvasContext.draw();
    }
});