通过SVG创建角色

一个新项目叫做 SVG汉字 (SVG 汉字 / SVG 汉子)允许任何人通过指定字符的结构和组成部分来拼凑字符的图像。很酷!

从站点:

> SVG汉字 is a web service that can be used to obtain a picture of any Chinese character 在 SVG 格式。

> It is only necessary to visit a link that looks like http://svghanzi.appspot.com/[Character Code].

> Character Code here should consist of an Ideographic Description Character ⿰, ⿱, ⿲, ⿳, ⿴, ⿵, ⿶, ⿷, ⿸, ⿹, ⿺, ⿻ or △

(上面的那些怪异的符号代表汉字的主要结构模式,例如代表知悉,⿺代表道等。△用于表示诸如品或鑫的结构。)

万一’尚不清楚,此工具允许您通过将符号和字符的字符串粘贴到URL中来构造字符,然后将URL输出为SVG图像。

一些示例(单击以查看以抽出的字体大小显示的SVG字符输出):

http://svghanzi.appspot.com/⿻丨口
http://svghanzi.appspot.com/⿴囗玉
http://svghanzi.appspot.com/△木木木

这些都是 实际字符, 当然。我很快意识到该工具可用于缩小 角色创作 我非常喜欢(过去在Photoshop中曾经做过艰难的事情):

http://svghanzi.appspot.com/⿺辶心
http://svghanzi.appspot.com/△品品品
http://svghanzi.appspot.com/⿰女囧
http://svghanzi.appspot.com/△囧囧囧

最后,因为SVG Hanzi没有’迫使您仅使用字符组件作为输入(并且Unicode字符将起作用),我无法’t resist these “hacks” (I’m使用屏幕截图,以防SVG Hanzi掉下来而不会严重冲击服务器,但是在每种情况下,图像最初都是由SVG Hanzi输出的,然后由屏幕快照捕获):

角色创作

角色创作

角色创作

角色创作

角色创作

角色创作

这一切让我想起了 字符描述语言 为Wenlin创建的SVG,因为它使用简单的符号字符串来创建SVG,因此所有现代浏览器都可以显示,因此只能更简单,更通用。

无论如何, SVG汉字 是一个非常酷的工具,而我’我很高兴看到这个。不知道它是否能够代表 非常复杂的角色, 但它’真是令人印象深刻!

谢谢 @magazeta 介绍我这个项目。

分享

约翰·帕斯登

约翰(John)是上海的语言学家和企业家, 全集学习.

评论

  1. 谢谢,这很酷!

  2. 递归下降解析器将使您获得那些复杂的字符。是否实施,这是作者的性格测试。

  3. 我希望你’请原谅我一个非常基本的问题,我在阅读您的帖子时会想起这个问题。为什么部首⻌通常被列为具有四个笔画(例如,在MDBG中,请参见 http://www.mdbg.net/chindict/chindict.php?page=chardict&cdcanoce=0&cdqchi=%E8%BE%B6 )?我只能看到三个:“dot”在顶部,垂直“hook”和水平曲线在底部。

  4. 哇!我想知道何时有人会这样做。

    如果看一下它后面的SVG,代码实际上非常简单。服务器受到的打击可能很小。这也意味着任何人都可以调整原本’完美,或创建更复杂的角色。我没有’幸运地将svg无缝地嵌入到html页面中;它漂浮在页面上自己的绘图区域中。也许更好的解决方案是将许多字符预渲染到png文件中,然后更透明地使用与html内联的那些字符。

    • 如果您将SVG图片放置在文本行中,则需要上传该文件来解决该问题。完成后,您可以简单地使用img或对象标签,并根据需要设置其样式。

      至于png覆盖范围,我什至可以内置它,因为它对于旧版IE版本来说是一个很好的后备,但是首先我需要从Google App Engine迁移到一些付费主机,以允许安装librsvg(用于处理librsvg的库转换)。

      该服务的确是非常轻量级的,而且我还在数据库中缓存了SVG代码,因此对同一字符的后续查询根本不需要任何计算。

  5. 很高兴您喜欢它!

    是的,我计划在某个时候实现递归字符描述,但这需要一些思考。

  6. 这是一个关于汉字的令人敬畏的项目……..如何加入这个项目….haha

  7. […] For problem characters, type one of its radicals (or better yet, more than one) 在to this search field: http://chise.zinbun.kyoto-u.ac.jp/ids-find  If you still can’t find a Unicode character, use the DIY tool here: http://www.mmhyxh.com/life/archives/2013/02/26/creating-characters-by-svg […]

发表评论