The y1 attribute is used to specify the first y-coordinate for drawing an SVG element that requires more than one coordinate. Elements that only need one coordinate use the y attribute instead.
You can use this attribute with the following SVG elements:
For <linearGradient>, y1 defines the y coordinate of the starting point of the gradient vector used to map the gradient stop values. The exact behavior of this attribute is influenced by the gradientUnits attributes
<svgviewBox="0 0 20 10"xmlns="http://www.w3.org/2000/svg"><!--
By default the gradient vector start at the top left
corner of the bounding box of the shape it is applied to.
--><linearGradienty1="0%"id="g0"><stopoffset="5%"stop-color="black"/><stopoffset="50%"stop-color="red"/><stopoffset="95%"stop-color="black"/></linearGradient><rectx="1"y="1"width="8"height="8"fill="url(#g0)"/><!--
Here the gradient vector start at the bottom left
corner of the bounding box of the shape it is applied to.
--><linearGradienty1="100%"id="g1"><stopoffset="5%"stop-color="black"/><stopoffset="50%"stop-color="red"/><stopoffset="95%"stop-color="black"/></linearGradient><rectx="11"y="1"width="8"height="8"fill="url(#g1)"/></svg>