【文件属性】:
文件名称:svg.wiml.js:添加对 wiml 标记语言的支持的 svg.js 库插件
文件大小:33KB
文件格式:ZIP
更新时间:2021-07-11 04:35:22
JavaScript
svg.wiml.js
这是库的插件,将 wiml 标记语言添加到文本元素。
Svg.wiml.js 根据 MIT 许可条款获得许可。
介绍
WIML 标记语言试图通过提供更易于理解和简洁的语法来减轻手动构建样式文本的痛苦。 此外,它还支持在内容片段上使用变量和条件进行插值。 它的灵感来自纺织语法。
用法
在 html 文档中包含 svg.js 库后包含此插件。
标记
为了能够使用 WIML 标记语言,您需要了解 SVG 中文本元素的结构。 基本上文本元素可以包含文本节点或 tspan 元素。
Just some %{fill:#f06}styled% text
请注意,您将始终必须打开和关闭节点。 打开 tspan 将由第一个%完成,并由第二个%再次关闭。
添加 tspans
在最简单的形式中,一个文本元素只包含一个纯文本节点:
< text>Just some plain
【文件预览】:
svg.wiml.js-master
----svg.wiml.min.js(3KB)
----spec()
--------spec()
--------index.html(1KB)
--------lib()
----README.md(5KB)
----svg.wiml.js(10KB)