linux-替换SVG文档中的变量(在YAML中外部定义)

背景

一些资源讨论了如何在SVG文档中使用变量,包括：

> Variables in SVG: Is it possible?
> SVG variable text
> How do I define or reference a variable in SVG?
> SVG: About using <defs> and <use> with variable text values
> http://www.schepers.cc/w3c/svg/params/ref.html
> https://www.w3.org/TR/2009/WD-SVGParamPrimer-20090430/#Introduction

尽管基于CSS,JavaScript和HTML的解决方案非常适合Web使用,但在其他情况下,SVG很有用,并且能够为变量定义外部源同样方便.

问题

SVG没有提供一种机制来定义与SVG相关的软件包(例如Inkscape和rsvg-convert)可以重用的可重用文本.例如,以下内容将是一流的：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg ...>
<input href="deFinitions.svg" />
...
<text ...>${variableName}</text>
</svg>

可以重载image element来导入外部文件,但是它有点黑,不允许将文本值分配给变量名以供重用.

题

您将如何从服务器上的外部文件(例如,YAML文件,但可能是数据库)中读取变量名称和值,并在呈现之前将这些变量替换为SVG文件？

解决方法:

另一个可能的解决方案：

在Inkscape中设置对象属性

保存它,我们将有类似

...
<text
   xml:space="preserve"
   style="font-style:normal;font-weight:normal;font-size:60px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;image-rendering:auto"
   x="262.91638"
   y="86.339157"
   id="mytest"
   sodipodi:linespacing="125%"
   inkscape:label="#myvar"><desc
     id="desc4150">The test object to replace with a var</desc><title
     id="title4148">myobj</title><tspan
     sodipodi:role="line"
     id="tspan4804"
     x="262.91638"
     y="86.339157"
     style="fill:#ffffff">sample</tspan></text>
...

然后使用键值对创建yaml文件

myvar: hello world

并解析SVG并替换值

#! /usr/bin/env python

import sys
from xml.dom import minidom
import yaml

yvars = yaml.load(file('drawing.yaml', 'r'))
xmldoc = minidom.parse('drawing.svg')
for s in xmldoc.getElementsByTagName('text'):
    for c in s.getElementsByTagName('tspan'):
        c.firstChild.replaceWholeText(yvars[s.attributes['inkscape:label'].value[1:]])
print xmldoc.toxml()

值将被替换

<text id="mytest" inkscape:label="#myvar" sodipodi:linespacing="125%" style="font-style:normal;font-weight:normal;font-size:60px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;image-rendering:auto" x="262.91638" xml:space="preserve" y="86.339157"><desc id="desc4150">The test object to replace with a var</desc><title id="title4148">myobj</title>
    <tspan id="tspan4804" sodipodi:role="line" style="fill:#ffffff" x="262.91638" y="86.339157">hello world</tspan></text>

linux-替换SVG文档中的变量(在YAML中外部定义)

相关文章