代码对照：差异会带来什么？

A、B 依次在同一画布执行。为什么一个看不到标题？默认不透明填充、source-over 合成。

ctx.fillStyle = 'white';
ctx.fillText('分享会', 30, 60);
ctx.fillStyle = 'navy';
ctx.fillRect(0, 0, 300, 150);

ctx.fillStyle = 'navy';
ctx.fillRect(0, 0, 300, 150);
ctx.fillStyle = 'white';
ctx.fillText('分享会', 30, 60);

提问：指出关键差异，给出适用条件或反例；不要仅以代码长短判断。以上为对照片段，阅读其前提后再分析。