快照svg获取viewBox

Question

我有一个简单的SVG文件，其中包含一个矩形，如下所示：

<svg id="mySvg" onload="init()" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="297mm" viewBox="0 0 744.09448819 1052.3622047" width="210mm" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/">
<metadata id="metadata892">
  <rdf:RDF>
  <cc:Work rdf:about="">
  <dc:format>image/svg+xml</dc:format>
  <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
  <dc:title/>
  </cc:Work>
  </rdf:RDF>
</metadata>
<script xlink:href="snap.svg-min.js" type="text/ecmascript"/>
<rect id="myRect" opacity="1"  rx="28.143" ry="37.785" height="225.71" width="365.21" y="260.93" x="94.286"/>
</svg>

...and然后，就在结束</svg>标记之前，我放了这个脚本：

<script><![CDATA[
var mySvg, myRect;

function init(){
  mySvg=Snap("#mySvg");
  myRect=mySvg.select("#myRect");
  myRect.click(rectCursor);
}

function rectCursor(evt){
  if(evt.type==="click"){
  alert(mySvg.attr("viewBox"));
}

]]></script>

我只是想让警告框在我单击矩形时显示当前对象，悬停，当我单击矩形时，警告框只显示对象对象( viewBox

我该如何实现这一点有什么建议吗？如何正确地将对象对象转换为可读字符串？

Answer 1

函数的作用是:返回一个具有描述viewbox属性的对象。该对象的x、y、width、height属性都是数值。该对象具有vb属性，该属性是包含x、y、width、height值的字符串值。

使用x，y，width，height属性的代码可能如下所示...

var viewBox = mySvg.attr("viewBox");
alert(viewBox.x + " " + viewBox.y + " " + viewBox.width + " " + viewBox.height);

使用vb属性的代码可能如下所示...

alert(mySvg.attr("viewBox").vb);