如何在 banner 图片上渲染文字？

How do you render text on a banner image?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: medium

参考答案摘要

常见方式：1）CSS 背景图 + 叠加文本层（absolute/flex/grid），配合遮罩/渐变提升可读性；2）直接用 并在其上方放置文本（positioning）；3）若要“写进图片”则用 Canvas 在客户端绘制（或服务端生成）。注意：可读性（对比度/阴影）、响应式（文字位置随尺寸变化）、以及 a11y（不要把关键信息只做成图片）。

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。