async drawMainImage(ctx: CanvasContext, canvas: Canvas, width: number): Promise {
    const padding = POSTER_CONSTANTS.PADDING;
    const imageWidth = width - padding * 2;
    const imageHeight = imageWidth * POSTER_CONSTANTS.IMAGE_HEIGHT_RATIO;
    return new Promise((resolve, reject) => {
        const img = canvas.createImage();
        img.onload = () => {
            const drawX = padding;
            const drawY = padding;
            const drawWidth = imageWidth;
            const drawHeight = imageHeight;


            // 保存当前上下文状态
            ctx.save();


            // 创建圆角路径并设置裁剪区域
            const radius = this.data.mainImageRadius || POSTER_CONSTANTS.MAIN_IMAGE_RADIUS;
            this.drawImageRoundedRect(ctx, drawX, drawY, drawWidth, drawHeight, radius);
            ctx.clip();


            // 绘制图片
            ctx.drawImage(img, drawX, drawY, drawWidth, drawHeight);


            // 恢复上下文状态
            ctx.restore();


            // 计算主图底部位置，用于绘制底部信息
            const mainImageBottom = drawY + drawHeight;


            resolve(mainImageBottom);
        };
        img.onerror = () => reject(new Error('图片加载失败'));
        img.src = this.data.imageUrl;
    });
}