Létrehozása svg segítségével Raphaël

Létrehozása svg segítségével Raphaël

Létrehozása svg segítségével Raphaël

Raphaël könyvtárat létre Dmitry Baranovszkij. Bemutató lehetőség az a helyén a könyvtár. Nagyon tetszett a sarki órát. Ebben a példában láthatjuk, hogy a könyvtárat használják.

Code elemzés meglehetősen bonyolult a plakk, de teljesen világossá válik, hogy mikor kell szétszedni a fő módszereket, amelyeket a példában használt.

Bent az elem id = „birtokosa” HTML dokumentum jön létre SVG-tartály mérete 600x600 képpont

kör () módszer létrehoz egy kört a központ a pont koordinátái és sugár 100 300,300

attr () módszer lehetővé teszi, hogy hozzanak különféle attribútumok az elemek, például:

meg fehér (#fff) színes stroke határokat

kiválaszthatja a vonal szélessége a stroke-width határ képpont 30

Akkor is létrehozhat egy új tulajdonság, hogy lesz egy szuperpozíció egyéb tulajdonságokat, például a tri attribútumot. képező alakja egy egyenlő szárú háromszög közvetlenül a koordinátái x, y a oldalon egy

Nos, most már lehet létrehozni animációk, mozgó és bővülő háromszög.

Mi azt mutatják, a végső értéket az attribútum (pont 200.200, oldalsó 50)

Az animáció - 2s,

animáció típus - rugalmas (hasonlít egy durva tavasszal

Ahhoz, hogy hajtson végre egy műveletet az elemek egy csoportját, ötvözhetők készletekbe, majd a működését a készülék automatikusan vezet megfelelő művelet az összes elem egy sor

Készítsen egy sor ok. adjunk hozzá egy kör és egy négyzet alakú, akkor kérjen minden egyes eleme egy sor vörös kitöltőszín

További információk a képességeit a könyvtár megtalálható az igen kiterjedt dokumentációt.

Az a lehetőség, a könyvtár természetesen a képzelet, de én például nagyon hiányzik elég alap dolog: Element , amelyet csoportosítására SVG elemek. Például, az átalakítási műveletek. Megteheti set'ami, de ez nem annyira kényelmes.

Ui Ha valaki észrevette, rájöttem, hogy a blog megjelenítését statisztikák látogatók. ahol én Raphaël könyvtár megjelenítésére grafika. Mindig is szerettem volna, hogy képes legyen szó essek az ujj chart pont koordinátái automatikusan betöltődik kialakítva, és a menetrend a légy, és ez lehet megvalósítani. Az animáció nem túl sima, de ha adományozni, átlátható módon lehetséges, hogy egy részét képezik a grafikon kívül a telek területe, és óvatosan visszavonja a sorsolást követően.

Jó napot!
Van egy feladat, hogy egy interaktív térképet. Megcsináltam segítségével a fent leírt a könyvtár. Mondd, hogyan lehet festek különböző elemei a kártyát egy másik színt? És ha lehet, hogyan lehet térképeket a régió a látogató, és a megfelelő régiót világít?
Köszi előre is a választ!

Jó napot!
Azt már végre egy interaktív térkép, de nem adaptív, hogyan tegyük adaptív?

Kapcsolódó cikkek