MindongLab/foochow-idioms

在菜单和注释中也启用图片替换生僻字

Opened this issue · 0 comments

由于很多生僻字(Unicode 扩展区或者非 Unicode)在手机和很多电脑上无法显示,熟语大标题采用了图片自动替换僻字。

如:
screen shot 2017-07-31 at 1 48 17 am

当时这个实现的方式是:

  • 大标题是一个Array,每个元素是一个字符。
    在View里面是用ng-repeat遍历这个Array,如果是常见字就用<a>元素直接显示字符,如果是僻字就用<img>替代。见这里

  • 图片生成是通过数据库中的字符矢量信息,用Kage来画的。

但是当时没有在其他地方也实现这个,所以其他地方还是会出现缺字

screen shot 2017-07-31 at 1 54 00 am

我们可以想一个更优雅一点的方法去解决。毕竟把所有文字都换成ng-repeat有点太hacky了。