Масштабировать фон SVG непропорционально и повторять?

Question

Есть ли способ масштабировать SVG фон, который повторяется? Например, изображение SVG размером 10x10 пикселей, которое повторяется по оси X, но затем можно масштабировать плитку до 20x10 пикселей и повторять по оси X с помощью jquery?

Этот загруженный мной файл SVG отказывается масштабироваться непропорционально:

.myDiv {
   width:100%;
   height:100px;
   background:#eee url(https://svgur.com/i/Hmx.svg) repeat-x;
   background-size: 10% 100%;
 }

Однако найденный мной случайный SVG будет масштабироваться и повторяться:

 .myDiv {
    width:100%;
    height:100px;
    background:#eee url(http://phrogz.net/svg/tiger.svg) repeat-x;
    background-size: 10% 100%;
 }

Что не так с первым SVG-файлом? Почему он не будет пропорционально масштабироваться?

Answer 1

Я понял это. В SVG должен быть применен метод "preserveAspectRatio = none".