title: JavaScript SVG Matrix scaleY ignored
body: <p>I'm trying to scale a SVG element using scale() method from matrix, but scaleY parameter is ignored.</p>
  <p>I expect the element to scale 4 times on Y axis, but second parameter to scale is ignored.
  Am I doing something wrong?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var elem = document.querySelector('#test');
  var transformList = elem.transform.baseVal,
      transform = transformList.getItem(0),
      matrix = transform.matrix;
  
  transform.setMatrix(matrix.scale(1.1, 4));
  
  transformList.replaceItem(transform, 0);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;svg&gt;
      &lt;rect width="100" height="100" id="test" transform="matrix(1, 0, 0, 1, 0, 0)"&gt;&lt;/rect&gt;
  &lt;/svg&gt;</code></pre>
  </div>
  </div>
  </p>