MyCity » Web dizajn / HTML » svg problem...

svg problem...

Napisano na dan: 7.3.2013

svg problem...
Sledeća strana Pagination

Idi na vrh

Poslao: 07 Mar 2013 01:12
Idi na vrh
offline
  • Mladen Stanojevic
  • Pridružio: 04 Jan 2010
  • Poruke: 58
  • Gde živiš: Smederevo

Nisam siguran da li je ovo prava tema za pitanje ali poshto svg kucam u html fajlu stavio sam ovde...

Naishao sam na neki tekst na internetu o SVG-u i pokusao sam sam da napravim neshto... i uspeo sam da skucam ovaj kod...

  1. <svg xmlns="http://www.w3.org/2000/svg" version="1.0">
  2.    <linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
  3.       <stop offset="0%" style="stop-color:#666666;stop-opacity:1" />
  4.       <stop offset="8%" style="stop-color:#404040;stop-opacity:1" />
  5.    </linearGradient>
  6.    <rect width="26" height="0" x="431" y="215" fill="#262626">
  7.       <animate attributeName="height" attributeType="XML" begin="0.4s" dur="0.4s" from="0" to="60" fill="freeze"/>
  8.    </rect>
  9.    <polygon points="431,275 457,275 171,335 117,335" fill="url(#grad1)"/>
  10.    <rect width="26" height="0" x="467" y="215" fill="#262626">
  11.       <animate attributeName="height" attributeType="XML" begin="0.5s" dur="0.4s" from="0" to="60" fill="freeze"/>
  12.    </rect>
  13.    <polygon points="467,275 493,275 507,335 453,335" fill="url(#grad1)"/>
  14.    <rect width="26" height="0" x="503" y="215" fill="#262626">
  15.       <animate attributeName="height" attributeType="XML" begin="0.6s" dur="0.4s" from="0" to="60" fill="freeze"/>
  16.    </rect>
  17.    <polygon points="503,275 529,275 843,335 789,335" fill="url(#grad1)"/>
  18.    <circle cx="480" cy="130" r="118" fill="#1a1a1a">
  19.       <animate attributeName="r" attributeType="XML" begin="0s" dur="0.5s" from="0" to="118" fill="freeze"/>
  20.    </circle>
  21.    <circle cx="160" cy="375" r="0" fill="#1a1a1a">
  22.       <animate attributeName="r" attributeType="XML" begin="2.1s" dur="0.5s" from="0" to="68" fill="freeze"/>
  23.    </circle>
  24.    <circle cx="480" cy="375" r="0" fill="#1a1a1a">
  25.       <animate attributeName="r" attributeType="XML" begin="2.2s" dur="0.5s" from="0" to="68" fill="freeze"/>
  26.    </circle>
  27.    <circle cx="800" cy="375" r="0" fill="#1a1a1a">
  28.       <animate attributeName="r" attributeType="XML" begin="2.3s" dur="0.5s" from="0" to="68" fill="freeze"/>
  29.    </circle>
  30. </svg>


i sad meni ovo radi samo u google Chrome...

Da li moze da se ovo skuca a da radi u svim novijim browserima? i kako da animiram polygon points?



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.

MyCity » Web dizajn / HTML » svg problem...

Ko je trenutno na forumu
 

Ukupno su 900 korisnika na forumu :: 45 registrovanih, 3 sakrivenih i 852 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: A.R.Chafee.Jr., Apok, bokisha253, BORUTUS, brkan1, BWG, DavidA, dejanilic, Djokislav, dulleo, eagle.rs, ivica976, ivran064, jalos, JankoS, JOntra, Jose, JosipRi, Jozo74, Kibice, kovacicbozo, krkalon, lima, mango, mikrimaus, Milan Miscevic, Milos ZA, Milos1389, mir, Mićko, moldway, Nemanja.M, neutrino, Orc, precan, Prečanin30, samo opusteno, samsung, sekretar, Simonsen23, Sirius, tuja, tvlada, Vlado82, YugoSlav