<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title> Beispiel 8 </title>
			<meta name="author" content="Administrator"/>
			<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
			<link rel="stylesheet" type="text/css"
				href="html5_svg08.css" title="style1"/>
	</head>

<body>
	<h1>8. SVG-Beispiel</h1>

<svg width="405" height="405" version="1.1"   xmlns="http://www.w3.org/2000/svg">
 <defs>
   <linearGradient   id="lr1"   x1="0%"    x2="100%">
      <stop  offset="0%"   stop-color="yellow"/>
     <stop  offset="100%"     stop-color="white"   stop-opacity="20%"  />
  </linearGradient>
   <linearGradient   id="lr2"   x1="0%"    x2="0%" y1="0%"  y2="100%" >
      <stop  offset="0%"   stop-color="red" stop-opacity="20%"  />
      <stop  offset="100%"   stop-color="green"  />
  </linearGradient>
 </defs>
   <rect x="20" y="20" width="250" height="100" fill="url(#lr1)" />
   <rect x="20" y="150" width="250" height="100" fill="url(#lr2)" />

</svg>
<br />

</body>
</html>



