模板 | 易图设计

模板就是一份布局文件，可以用 HTML 或 React JSX 来写。渲染时填入变量，导出 PNG 或 JPEG。

export default function Poster({ title, cover }) {
  return (
    <div className="relative h-[630px] w-[1200px] bg-black text-white">
      <img src={cover} alt="" className="absolute inset-0 size-full object-cover opacity-40" />
      <h1 className="relative p-16 text-6xl font-semibold">{title}</h1>
    </div>
  );
}

同一份模板也可以在 在线编辑器 里打开，用画布改，而不用改代码。