svg - SVG不使用 SVG 缩放

Question

我正在尝试在 SVG 上创建一个不透明蒙版，但无论出于何种原因，它都没有覆盖整个 SVG，也没有缩放。

代码笔： https ://codepen.io/chubbaluv/pen/rNNpjvj

svg {
  postion: absolute;
  }

<svg>
<!-- A bunch of paths and groups-->
  <defs>
          <mask id="joined-mask" maskUnits="objectBoundingBox">
            <linearGradient id="tran-grad">
	            <stop  offset="0" stop-color="#fffff" stop-opacity="0"/>
	            <stop  offset="0.3359" stop-color="#fffff"/>
	            <stop  offset="0.7499" stop-color="#fffff"/>
	            <stop  offset="1" stop-color="#fffff" stop-opacity="0"/>
            </linearGradient>
            <rect fill="url(#tran-grad)" width="1245" height="300"/> 
          </mask>
        </defs>
      </svg>

标签： svgmaskscaling