//画直线

        context.moveTo(100, 100);

        context.lineTo(500, 500);

        context.lineTo(100, 500);

        context.lineTo(100, 100);

        context.fillStyle = "red";

        context.fill();

        context.lineWidth = "5";

        context.strokeStyle = "#058";

        context.stroke();