jQuery.parseXML関数が数字を数値化してしまう

Question

JavaScriptでSVGファイルを読み込んで、jQuery.parseXML関数で中身にアクセスしているのですが、文字列で取得したい部分が数値化されてしまって困っています。

以下がSVGファイルの中身です。

<svg xmlns="">
<g id="container">
  <image id="bitmap"
    width="356"
    height="792"
    transform="matrix(-0.1,0.0,-0.0,-0.1,0.0,0.0)">
    xlink:href="data:image/png;base64,xxx~xxx"/>
</g>
</svg>

matrixの中に "-0.0" という値があるのですが、ChromeやFirefoxではこのまま取ってこれるのにIEだと"0"に変換されてしまうようなのです。
以下がソースコードです。

var xmlDoc = $.parseXML( svg_file_contents );
var node   = xmlDoc.getElementById("bitmap");
var trans  = node.attributes.getNamedItem("transform");
Alert(trans.value);

"0"でも"-0"でも同じではないかと思われるかもしれませんが、この後このmatrix情報を元に画像を加工する際、"0"と"-0"で動きが変わってきます。
画像の加工はcreatejsのMatrix2Dクラスのdecomposeという関数を使っています。

どなたか、IEでもSVGファイルのmatrixの値を文字列のまま取得できる方法をご存知でしたら、何卒ご教示お願いします。

Comments

[flied_onion]

少なくとも IEのバージョンはいくつか書いた方が良いでしょう。

Answer 1

IE11 でやってみました。

var svg_str = function(){/*
<svg xmlns="" xmlns:xlink="dummy">
<g id="container">
  <image id="bitmap"
    width="356"
    height="792"
    transform="matrix(-0.1,0.0,-0.0,-0.1,0.0,0.0)"
    xlink:href="data:image/png;base64,xxx~xxx" />
</g>
</svg>
*/}.toString().split("\n").slice(1, -1).join("\n")

var parser = new DOMParser()
var xml = parser.parseFromString(svg_str, "text/xml")
var node = xml.getElementsByTagName("image")[0]
var attr = node.getAttribute("transform")

console.log(attr)
// matrix(-0.1,0.0,-0.0,-0.1,0.0,0.0)

xmlns:xlink="dummy" は XML エラーを防ぐためにつけています。

問題は IE11 で DOMParser 使うと取得できる XMLDocument では getElementById や getElementsByName や querySelector では要素が取得できず getElementsByTagName で取ってるところです。
getElementById が動かないのはどうにかできないものか・・・

質問のコードだと jQuery 使ってるようので、とりあえず

console.log($(xml).find("#bitmap").attr("transform"))

で getElementById できない問題は解決できますね

Comments

[wobbegong]

すいません、やりたいことを簡潔に説明するために実際のコードをかなり簡略化したのですが、その際にgetElementByIdを使ってそれがエラーになっていたようです。

いただいたコードを実行すると-0.0をきちんと取得できていたので、どうもIEかChrome/Firefoxか以外のところに問題があったようです。
もう一度ソースをしっかり見直して対策を練ります。
ありがとうございました。