Toggle navigation
阵营⑨宫格生成
生成图片版
生成文字版
(current)
逐渐离谱
关于
@Nekonull
×
请使用桌面版 Chrome 浏览器以获得最佳体验。
填入阵营九宫格内容
基础属性
高
宽
字号
标题
阵营
说明文字
生成
水印
直接生成
动手模式
×
生成原理:
首先根据填入的信息动态生成一个 HTML 表格,通过 CSS 布局确定表格的相关样式, 再利用
html2canvas
库实现图片的生成。
为什么叫做动手模式?
在
动手模式
下,生成 HTML 表格和生成图片这两步被分离了。 因此你可以手动通过 Chrome 的开发者工具或其他你喜欢的工具对生成的 HTML 表格进行更为细致的调整,进而得到符合心意的图片。
1. 生成 HTML 表格
2. 生成图片