canvas绘制

<canvas id="myDraw" width="400" height="600"></canvas>

    draw();
    async function draw() {
        //实例化CanvasDraw对象  myDraw为canvas标签的 的id属性
        let canvasDraw = new CanvasDraw("myDraw");
        // 加载字体
        await canvasDraw.loadFace("./小篆拼音体.ttf", "MyCustomFont");
        // 绘制矩形
        canvasDraw.drawRect("#cccccc", 0, 0, 50, 50);
        // 绘制矩形框
        canvasDraw.drawRectBorder("#cccccc", 60, 0, 50, 50);

        // 绘制文字
        canvasDraw.drewText(
            "这是一段文字描述",
            24,
            "#000000",
            50,
            50,
            "MyCustomFont"
        );
        // 清空区域
        canvasDraw.clearRect(10, 10, 20, 20);
        // 绘制图片
        canvasDraw.drewImage("./640.webp", 100, 100, 200, 400, 30);
        // 绘制椭圆
        canvasDraw.drawEllipseBorder("#cccccc", 50, 100, 20, 30, 30);
        // 下载canvas(如果canvas里绘制的有图片,图片必须不能跨域,否则无法下载)
        //   canvasDraw.downloadCanvas()
    }