javascript - Raphael JS - 即时解析 SVG

Question

我在 http://bkp.ee/atirip/ 找到了一个简洁的 SVG 解析器它解析 SVG 文件并将其输出到使用 Raphael JS 库 (raphaeljs.com) 的 javascript。您会在源代码中注意到 http://bkp.ee/atirip/svg2rdemo.php :

<script>
  jQuery(document).ready( function() {
    $("#c1").each(function(){  
    var c = Raphael(this, 190, 154, 0, 0);
    var g1 = c.set();
    ...

它创建了 g1、g2 等变量。但它也重用了这些变量。我想为每个组创建唯一的变量。在我的 .ai 文件中，我已经命名了我的组，我想使用这些名称来创建变量名称。

在哪里 http://bkp.ee/atirip/f/svgToRaphaelParser.php.zip我应该考虑进行此更改吗？

Answer 1

我做了一些调整，解决了一个问题。您可以下载新版本。

现在你可以这样调用解析器了:

svgToRaphaelParser::parse(filename, containername, canvasname, groupname, shapename)

没有 shapename 它像以前一样工作:svgToRaphaelParser::parse("f.svg", "this", "c", "g") 生成您已经熟悉的代码。

为避免重复使用相同的名称，请为不同的 SVG 文件使用不同的 Canvas 和/或组名称。

作为一项新功能，如果您需要访问不同的形状，请像这样使用它:

svgToRaphaelParser::parse("f.svg", "this", "c", "g", "s")

没有 shapename 你会收到这个:

g1.push(c.path(...));

用 shapename 你会收到这个

var s1 = c.path(...);
g1.push(s1);