Мне нужно заполнить прямоугольники с разными пропорциями и размерами одним линейным градиентом, идущим сверху слева направо и всегда под углом 45 градусов (а не только от угла к углу).
Вот код, который заполняет прямоугольник от угла до угла, как мне сделать его на 45 градусов?
Или jsfiddle https://jsfiddle.net/45nuu6L0/
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100" height="50">
<linearGradient id="gradient" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" style="stop-color:#000"/>
<stop offset="0.48" style="stop-color:#000;stop-opacity:0"/>
<stop offset="1" style="stop-color:#000"/>
</linearGradient>
<rect width="100%" height="100%" fill="url(#gradient)" />
</svg>