1

私はdefsを持つsvgオブジェクトを持っています:

defs.append('svg:pattern')
    .attr('id', 'blue')
    .attr('patternUnits', 'userSpaceOnUse')
    .attr('width', '40')
    .attr('height', '39')
    .append('svg:image')
    .attr('xlink:href', 'images/blue.png')
    .attr('width', '40')
    .attr('height', '39');

私のコードでは、XMLSerializer を使用してデータを POST します。

var svg1 = tmp.getElementsByTagName("svg");
    var svg_xml = (new XMLSerializer).serializeToString(svg1[0]);

Safari では、望ましい結果が得られます。

<svg width="850" height="200">
  <pattern id="blue" patternUnits="userSpaceOnUse" width="40" height="39">
    <image xlink:href="images/blue.png" width="40" height="39"></image>
  </pattern>

Firefox または IE では、奇妙な結果が得られます。

<svg xmlns="http://www.w3.org/2000/svg" width="850" height="200">
<defs>
  <pattern id="blue" patternUnits="userSpaceOnUse" width="40" height="39">
    <image a0:href="images/plateColor/blue.png" xmlns:a0="http://www.w3.org/1999/xlink" width="40" height="39"/>
  </pattern>

私は何を間違っていますか?ありがとうロルフ

4

1 に答える 1