Chrome强制SVG背景大小。为什么？

Question

所以，在我的HTML结构中，我拥有的东西：

<div class="card-02">
   <div class="canvas"></div>
</div>

在我的CSS中，我有：

.card-02 {
   transform: rotate(10deg);
   width: 60px;
   height: 90px;
   padding: 3px;
   position: absolute;
   left: 0;
   top: 10px; }

.canvas {
   width: 100%;
   height: 100%;
   background-image: url(../images/cards-0deg.svg);
   background-size: 2808px 84px;
   background-position: 0 0; }

在Mozilla Firefox上以及Google上次更新之前，PNG和SVG都运行良好。

PNG（它应该如何运作）：

SVG：

SVG文件如下所示：

上次更新中有什么变化才能让这种方式成为现实吗？我怎么能解决它？