2708334081 | 1 points | Feb 19 2022 10:34:07
摄影集《盲》翻译求助:有没有把翻译好的文字自动拼接到图片下方的方法呢?我在尝试把摄影集《盲》的序言和几张图片的描述翻译成多种语言。比如像这样的:https://imgur.com/a/1u0oyVX (原文:https://imgur.com/a/AoXn6D2)
我已经把Crowdin上的翻译项目(https://crowdin.com/project/photobookblindness)同步到GitHub(https://github.com/WomenTraffickingInChina/PhotobookBlindness/tree/main/caption_translated)。
但是要手动把这些翻译一个个嵌入对应的图片里效率太低。有没有一些好的建议可以将这个过程自动化呢?
我现在的设想先把原图的描述截去,生成图片A。然后用翻译的文字渲染出白底黑字的图片B(要求B与A宽度相同)。最后将AB上下拼接。完成。
但是我目前无法解决的问题是 - 不知道如何限制文字渲染的宽度(从而保证图片B与A等宽) - 不知道如何得到文字渲染后的高度(从而制定图片B的高度)
[-] Practical-Car-6240 | 1 points | Feb 19 2022 10:44:08
可以考虑先用html+css渲染,然后用html2canvas之类的将html转为图片
[-] 2708334081 | 1 points | Feb 19 2022 10:50:50
有道理的。感谢。
如果要实现的话,是不是 - 写index.html,包含main.js - 写main.js。<canvas&rt;的操作都放这里
[-] Practical-Car-6240 | 1 points | Feb 19 2022 11:40:02
是的,如果用纯js写的的话,模板引擎可以试试template.js
要在index.html里引用一下html2canvas.js和template.js。读取数据、模板渲染、canvas、保存图片等操作可以写在外部js里,也可以直接写在<script&rt; </script&rt;标签里。翻译文件可以转成js友好的json格式,方便读取。
如果用python的话,模板引擎和生成图片可以分别用jinja2和html2image
不是码老嗨,思路不一定对,仅供参考
[-] 2708334081 | 1 points | Feb 19 2022 17:54:09
好的。十分感谢。