Задать вопрос

SVG в XHTML — не работают градиенты

Имеется содержимое файла:

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Tree Example</title>
		<style>
			svg{
				width:100px;
				height:100px;
			}
		</style>
	</head>
	<body>
		<svg id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			<defs>
				<lineargradient id="linearGradient2" gradientunits="userSpaceOnUse" y1="0" x1="0" y2="4" x2="4" spreadmethod="repeat">
					<stop offset=".5" style="stop-color:green;"/>
					<stop offset=".5" style="stop-color:red;"/>
				</lineargradient>
			</defs>
			<path
				d="M0,0 h100 v100 h-100 v-100 z"
				style="fill:url(#linearGradient2);"
				stroke="black"/>
		</svg>
	</body>
</html>

Если сие сохранить в "*.html", то градиенты будут отображаться, а если в "*.xhtml", то не будут. В чем моя ошибка?

P.S.
В реальности сие передается с типом контента: «application/xhtml+xml».
Проверял в Firefox'е и Chrome'е.
  • Вопрос задан
  • 3044 просмотра
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию
    6 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы