如何用Java实现位图转矢量图？

ux

…

复制代码

对于上面的模板中，有几个关键值需要替换

• svg 标签中

• {width}: 生成矢量图的宽度

• {height}: 生成矢量图的高度

• {BG_COLOR}: 背景颜色

• style 样式设置

• {FONT_COLOR}: 字符渲染颜色

其次tspan标签内容就是我们需要输出的字符，一行字符对应一个tspan标签

因此我们的实现逻辑就是上面这个模板的关键字替换输出了

/**

• 字符转svg矢量图

• @param lines

• @param bgColor

• @param fontColor

• @return

*/

public static String ascii2svg(List lines, String bgColor, String fontColor) {

StringBuilder builder = new StringBuilder();

int height = lines.size();

int width = lines.stream().max(Comparator.comparingInt(String::length)).get().length();

builder.append(StrUtil.replace(SVG_START, “{width}”, String.valueOf(width), “{height}”, String.valueOf(height), “{BG_COLOR}”, bgColor, “{FONT_COLOR}”, fontColor));

// 计算tspan标签中的dy值

float dy = 100.0f / height;

String start = String.format(“<tspan x=“0” dy=”%.3f%%" textLength=“100%%” xml:space=“preserve”>", dy);

String end = “”;

for (String line : lines) {

builder.append(start)

// 转义支持

.append(StrUtil.replace(line,“&”, “&”, “”“, “””, “<”, “<”, “>”, “>”))

.append(end).append(“\n”);

}

builder.append(SVG_END);

return builder.toString();

}

复制代码