29 kwietnia 2009 (środa), 17:43:43

Bliskie spotkanie z SVG (WYWALIC TĄ NOTKE)

Kiedyś to były dane do osobnej strony, która używała SVG, bo dane musiały być w HTML 4.1 w osobnej stronie, więc .... Ale już blog przeszedł na HTML5 więc mogę sobie te graficzne dane wstawić w kod i będzie pięknie.

Pod obrazkiem jest kopia tego kodu:

W34

<svg width="350px" height="350px" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">

<rect x="10" y="10" width="100" height="100"
			fill= "yellow"
			fill-opacity= "1"
			stroke= "gray"
			stroke-width= "2"/>

<circle cx="100" cy="100" r="50"
			fill="darkblue"
			fill-opacity= "0.5"
			stroke="red" 
			stroke-width="2"/>

<line x1="100" y1="300" x2="300" y2="100"
			fill="darkblue"
			fill-opacity= "0.5"
			stroke="red" 
			stroke-width="2"/>

<path d="M97,246 C119,169 220,209 243,127 C291,27 281,223 419,271"
			fill="none"
			fill-opacity= "0.5"
			stroke="green" 
			stroke-width="3"/>		

<rect x="50" y="180" width="300" height="200"
			fill= "#55ff55"
			fill-opacity= "0.5"
			stroke= "#228822"
			stroke-width= "1"
			rx="50" ry="100" />

<text style="fill:red; font-size:430%; font-family: arial;
			font-weight:bold;" x="310" y="350">W34</text>

</svg>

Kategorie: informatyka, _blog

Słowa kluczowe: programowanie, html, svg, informatyka

Komentarze: (0)

Skomentuj notkę