blocks|key|213731|text|你可以使用例如http://validator.nu。因为您的文件是独立的，所以选择xml+parsing，将RNG+url粘贴到schema文本字段中(您正在查找的schema+url可以在相关的specification中找到，在本例中为svg1.2iny：http://www.w3.org/TR/SVGTiny12/relaxng/Tiny-1.2.rng+)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|213732|即使您的三行代码片段也不是有效的SVG+1.2+Tiny内容(Tiny中的元素不允许使用x和y属性)。你应该在文件的某个地方添加一个链接，否则很难说它应该是什么样子。|213733|entityMap|0|LINK|mutability|MUTABLE|url|http://validator.nu/|1|http://www.w3.org/TR/SVGTiny12/schema.html|2|http://www.w3.org/TR/SVGTiny12/relaxng/Tiny-1.2.rng^0|7|J|0|2R|D|1|3N|1F|2|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]|$A|V|B|W|1|X]|$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]]]

You can use e.g <a href="http://validator.nu">http://validator.nu</a>. Since your file is standalone, select xml parsing, paste the RNG url in the schema textfield (the schema url you're looking can be found in the relevant <a href="http://www.w3.org/TR/SVGTiny12/schema.html">specification</a>, in this case SVG 1.2 Tiny: <a href="http://www.w3.org/TR/SVGTiny12/relaxng/Tiny-1.2.rng">http://www.w3.org/TR/SVGTiny12/relaxng/Tiny-1.2.rng</a> ).

Even your three line snippet isn't valid SVG 1.2 Tiny content (x and y attributes are not allowed on the &lt;svg> element in Tiny). You should add a link to your file somewhere, otherwise it's hard to say what it should look like.

blocks|key|213754|text|终端svgcheck中有一个python实用程序，它声称目标是draft-7996-bis中定义的版本1.2。一个很有前途的实用工具，IMHO。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|213755|SVG检查程序。|213756|pip+install+svgcheck|code-block|syntax|javascript|213757|svgcheck+~/path/to/mysvgfile.svg|213758|具有适当标准的svg文件将提供如下内容：|213759|$+svgcheck+alert-circle.svg
Parsing+file+alert-circle.svg
INFO:+File+conforms+to+SVG+requirements.|213760|213761|确保已安装pip并正确配置了python+|unordered-list-item|style|CODE|213762|213763|entityMap|0|LINK|mutability|MUTABLE|url|https://pypi.org/project/svgcheck/^0|2|8|0|0|0|0|0|0|0|0|5|3|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@$A|16|B|17|1|18]]|C|$]]|$1|D|3|E|5|6|7|19|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1A|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|H|7|1B|8|@]|9|@]|C|$I|J]]|$1|M|3|N|5|6|7|1C|8|@]|9|@]|C|$]]|$1|O|3|P|5|H|7|1D|8|@]|9|@]|C|$I|J]]|$1|Q|3|-4|5|6|7|1E|8|@]|9|@]|C|$]]|$1|R|3|S|5|T|7|1F|8|@$A|1G|B|1H|U|V]]|9|@]|C|$]]|$1|W|3|-4|5|6|7|1I|8|@]|9|@]|C|$]]|$1|X|3|-4|5|6|7|1J|8|@]|9|@]|C|$]]]|Y|$Z|$5|10|11|12|C|$13|14]]]]

There is a python utility in terminal <a href="https://pypi.org/project/svgcheck/" rel="nofollow noreferrer">svgcheck</a>, which claims to target version 1.2, as defined in draft-7996-bis. A promising utility, IMHO.
SVG Checking Procedure.
<pre><code>pip install svgcheck
</code></pre>
<pre><code>svgcheck ~/path/to/mysvgfile.svg
</code></pre>
The svg file with proper standards will give something like:
<pre><code>$ svgcheck alert-circle.svg
Parsing file alert-circle.svg
INFO: File conforms to SVG requirements.
</code></pre>
<ul>
<li>Make sure you have <code>pip</code> installed and python configured properly</li>
</ul>

blocks|key|2857009|text|有关子集SVG+Tiny+1.2+Portable/Secure+(SVG+P/S)，例如在Brand+Indicators+for+Message+Identification+(BIMI)中使用，请参见Using+the+RNC+Schema+to+Validate+BIMI+SVG+Images。它展示了如何在命令行上执行Relax+NG+Compact+(RNC+schema+)验证。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2857010|pip3+install+jingtrang
wget+'https://bimigroup.org/resources/SVG_PS-latest.rnc.txt'
pyjing+-c+SVG_PS-latest.rnc.txt+my-image.svg|code-block|syntax|javascript|2857011|对于我的用例，使用png2svg将PNG标识类型转换为SVG+Tiny+1.2，这是输出。|style|CODE|2857012|my-image.svg:1:159:+error:+value+of+attribute+"baseProfile"+is+invalid;+must+be+equal+to+"tiny-ps"
my-image.svg:1:174:+error:+element+"g"+not+allowed+yet;+missing+required+element+"title"|2857013|通过编辑baseProfile值并添加<title>A+very+nice+image+title</title>，可以轻松修复错误。|2857014|entityMap|0|LINK|mutability|MUTABLE|url|https://en.wikipedia.org/wiki/Scalable_Vector_Graphics#Version_1.x|1|https://en.wikipedia.org/wiki/Brand_Indicators_for_Message_Identification|2|https://bimigroup.org/using-the-rnc-schema-to-validate-bimi-svg-images/|3|https://en.wikipedia.org/wiki/RELAX_NG#Compact_syntax|4|https://github.com/xyproto/png2svg^0|4|S|0|1A|17|1|2V|1C|2|4L|G|3|0|0|9|7|9|7|4|0|0|4|B|J|12|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]|$A|1A|B|1B|1|1C]|$A|1D|B|1E|1|1F]|$A|1G|B|1H|1|1I]]|C|$]]|$1|D|3|E|5|F|7|1J|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|1K|8|@$A|1L|B|1M|K|L]]|9|@$A|1N|B|1O|1|1P]]|C|$]]|$1|M|3|N|5|F|7|1Q|8|@]|9|@]|C|$G|H]]|$1|O|3|P|5|6|7|1R|8|@$A|1S|B|1T|K|L]|$A|1U|B|1V|K|L]]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1W|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]|10|$5|T|U|V|C|$W|11]]|12|$5|T|U|V|C|$W|13]]|14|$5|T|U|V|C|$W|15]]]]

For the subset <a href="https://en.wikipedia.org/wiki/Scalable_Vector_Graphics#Version_1.x" rel="nofollow noreferrer">SVG Tiny 1.2 Portable/Secure</a> (SVG P/S), used for example in <a href="https://en.wikipedia.org/wiki/Brand_Indicators_for_Message_Identification" rel="nofollow noreferrer">Brand Indicators for Message Identification</a> (BIMI), see <a href="https://bimigroup.org/using-the-rnc-schema-to-validate-bimi-svg-images/" rel="nofollow noreferrer">Using the RNC Schema to Validate BIMI SVG Images</a>. It shows how to perform <a href="https://en.wikipedia.org/wiki/RELAX_NG#Compact_syntax" rel="nofollow noreferrer">Relax NG Compact</a> (RNC) XML schema validation on the command line.
<pre class="lang-sh prettyprint-override"><code>pip3 install jingtrang
wget 'https://bimigroup.org/resources/SVG_PS-latest.rnc.txt'
pyjing -c SVG_PS-latest.rnc.txt my-image.svg
</code></pre>
For my use-case, a PNG logotype converted to SVG Tiny 1.2 using <a href="https://github.com/xyproto/png2svg" rel="nofollow noreferrer"><code>png2svg</code></a>, this was the output.
<pre><code>my-image.svg:1:159: error: value of attribute &quot;baseProfile&quot; is invalid; must be equal to &quot;tiny-ps&quot;
my-image.svg:1:174: error: element &quot;g&quot; not allowed yet; missing required element &quot;title&quot;
</code></pre>
Errors were easily fixed by editing the <code>baseProfile</code> value and adding <code>&lt;title&gt;A very nice image title&lt;/title&gt;</code>.

I used a program called <a href="http://fritzing.org/">Fritzing</a> to draw some basic Arduino schematics, and then export the output as a SVG. This works just as expected, but then I noticed that the SVG output only looks okay in some browsers and only okay in some versions of Firefox.

Since Fritzing is a open source app I figured that I could look into the code (and maybe help out a little).

But now over to the question, what is a correct SVG supposed to look like? What verifier over at W3C can I use to check the file?

I tried to use the verifiers found on this page: <a href="http://validator.w3.org/dev/tests/">http://validator.w3.org/dev/tests/</a>

But they all complained a lot, especially about the SVG version. The verifiers seem to like version 1.0 and 1.1, but when I look at the top of this file seems to be using <a href="http://www.w3.org/TR/SVG12/">version 1.2</a>?

This is the top three lines from the problematic file (reformatted for readability):

<pre><code>&lt;?xml version='1.0' encoding='UTF-8' standalone='no'?&gt;
&lt;!-- Created with Fritzing (http://www.fritzing.org/) --&gt;
&lt;svg width="3.50927in"
 x="0in"
 version="1.2"
 y="0in"
 xmlns="http://www.w3.org/2000/svg"
 height="2.81713in"
 viewBox="0 0 252.667 202.833"
 baseProfile="tiny"
 xmlns:svg="http://www.w3.org/2000/svg"&gt;
</code></pre>

Is there a specific SVG 1.2 verifier I can use? 

Or shall I try to verify the SVG as if it was a classical XML file? 

(As a side note, Fritzing seems to use Qt, so if there some QTest I can use it may be useful.)

How can I verify a SVG doc is correct? (version 1.2)

我使用一个名为的程序绘制了一些基本的Arduino原理图，然后将输出导出为SVG。这就像预期的那样工作，但是我注意到SVG输出只在某些浏览器中看起来正常，在Firefox的某些版本中才正常。由于Fritzing是一个开源应用程序，我想我可以研究一下代码(也许能帮上一点忙)。但现在转到问题，一个正确的应该是什么样子？我可...

问如何验证SVG文档的正确性？(版本1.2)
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何验证SVG文档的正确性？(版本1.2)EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何验证SVG文档的正确性？(版本1.2)
EN