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'е.
  • Вопрос задан
  • 3035 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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