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ę

Disclaimers :-) bo w stopce coś wyglądającego mądrze można napisać. Wszystkie powyższe notatki są moim © wymysłem i jako takie związane są ze mną. Ale są też materiały obce, które tu przechowuję lub cytuje ze względu na ich dobrą jakość, na inspiracje, bądź ilustracje prezentowanego lub omawianego tematu. Jeżeli coś narusza czyjeś prawa - proszę o sygnał abym mógł czym prędzej naprawić błąd i naruszeń zaniechać.