SVG <mask>не масштабируется с SVG - PullRequest
Новая
       19

SVG <mask>не масштабируется с SVG

0 голосов
/ 02 ноября 2019

Я пытаюсь создать маску непрозрачности поверх SVG, но по какой-то причине она не покрывает весь SVG, а также не масштабируется.

Codepen: 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>
...