Возможно ли задать градиент в SVG от начала и до конца линии?

Question

[Ivan S. Glushko]

Не понимаю, возможно ли не переворачивая направление градиента, задать его от точки начала отрезка до его конца? На примере в картинке градиент затрагивает как начало отрезка, так и конец.

<svg
	width="210mm"
	height="297mm"
	viewBox="0 0 744.09448819 1052.3622047"
	version="1.1">
<g>
	<g>
		<path stroke="url(#gradient)"
			style="fill:none;fill-rule:evenodd;stroke-width:8;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4.0999999;stroke-dasharray:none;stroke-opacity:1"
			d="m 30,452.3622 60,0 30,-30 70,0 30,30 55,0 60,60 0,240 -65,0 -30,30 -115,0"
			id="path7929-5"
			inkscape:connector-curvature="0"
			sodipodi:nodetypes="ccccccccccc" />

		<defs>
			<linearGradient id="gradient">
				<stop offset="0" stop-color="red"></stop>
				<stop offset="100%" stop-color="blue"></stop>
			</linearGradient>
		</defs>
	</g>
</g>
</svg>

Comments

[Ivan S. Glushko]

Не переживайте, попробую пояснить.
Представим прямой отрезок. У него есть мнимые точка А и точка Б. Так мы обозначим начало и конец отрезка соответсвенно. Теперь зададим градиент ему. Точка А одним цветом, точка Б другим. Всё успешно. Теперь изогнём линию примерно как на рисунке и зададим градиент вновь, но ничего не изменилось: точка А и Б остались на месте как и были прежде. В итоге направление градиента распространенно одновременно и на часть с изгибом. А вот и вопрос: возможно ли задать градиент искривлённому вектору от начала и до конца, внимание, со следованием оного (градиента) по всему вектору.

[Нерон Лордов]

То есть так, чтобы на обозначенной картинке нижний кончик был синий? (повторное объяснение такое же непонятное, как и первое)

[Нерон Лордов]

https://cloud.mail.ru/public/AD8Q/1qs8ooEfZ но вряд ли поможет, код в файле какой-то шифрованный)

[Ivan S. Glushko]

Liquidos: Хм, забавно и странно (про объяснение).
А во-втором случае вы правы: в векторный файл вставлена обычная картинка в формате base64.

[Нерон Лордов]

видать не прикрутили еще такую возможность в SVG. Проще в люстре рисовать, чем вручную кодить, я думаю

Answer 1

[tef]

Что если это будет не линия, а тонкий, изогнутый прямоугольник?

Comments

[tef]

И через css не пробовали задавать градиент?

[Ivan S. Glushko]

tef: С изогнутым прямоугольником всё точно также как и с линией. Нет, через ксс не было попыток.