第 5 课 16 / 19 | 编码:L05-27a
检查 AI 生成的海报

AI 画出的海报,需要检查什么?

假设 AI 已生成黄梅戏分享会海报。即使页面能打开,也要检查标题、图片和尺寸是否符合要求。

标题是否被遮挡

标题没有显示时,能否直接认定 fillText 没有执行?应该先检查哪两类绘图语句的顺序?

放大后是否清楚

AI 只把 CSS 宽高扩大两倍,却说“清晰度也提高了”。这个说法可靠吗?画布内部尺寸有没有改变?

图片是否加载完成

代码设置图片地址后立即调用 drawImage。为什么不能保证图片已经画出来?怎样安排绘图时机?

参考分析

标题可能已画出,却被后画的背景盖住,应检查 fillText 与背景 fillRect 的顺序。只改 CSS 显示尺寸会放大原有画面,不会增加内部像素数量或自动补出细节。图片则应在加载完成后绘制:先安排 load 事件的处理代码,再设置 src;加载失败时给出提示。