七行成分照示例填

品控芮岑要给"果子工坊 · 海盐苏打饼干"做一张核对图，成分框照界面示例逐行填七行，从"能量,1800,kJ"到"钙,120,mg"，每行三项用半角逗号隔开。页面没有分隔符下拉，也没有列数设置，格式全靠手写，填完不报错也不校验。界面要的是七行各三字段，工具读进去却会变成二十一条单字段记录，问题就埋在这道逗号上。

产品名只做抬头

"产品名称"单独一个输入框，填的值不参与计算，只用 fillText 单行画到画布顶部当标题。画布宽度写死 420，名字里有" · "和空格也没有折行处理，更没有 measureText 截断，写长了容易顶到右边框、跟右对齐的 NRV% 列叠在一起。芮岑这串名字偏长，抬头那一行的排版要留个心眼。

提示给出四百二十乘七百五十

点"生成"，提示原话"已生成营养成分表（420×750）。"，canvas 实测 420×750，非白像素 15214。高度按 H = 120 + 行数×30 算，750 代进去得二十一行，正好是七行乘三字段：逗号把每行切三段，每段被当成一条独立记录。数值列跟着全是 0，单位列全是 g，NRV% 一列全显示 —，1800、8.5、18.2、62.0 这些填进去的数一个都没落到图上。右侧"预览"框实测空字符串。

下载前得先生成

"下载 PNG"把当前 canvas 编成图片，实测拿到 "nutrition.png"，写死的文件名不跟产品名走。有个前置条件：没点过生成就按下载，只回一句"请先生成。"，不会吐文件。按钮全页就"生成"与"下载 PNG"两颗。芮岑要的 NRV% 核对图这一版没做成，数值和单位都得另找办法核。

企业知识网（ www.qiyezhishi.com ）提供的结果为参考性内容，不构成法律、税务或投资建议。具体请以主管部门口径与最新法规为准。