Rajz javascript svg

Mi Raphael?

Jelenleg a könyvtár támogatja Firefox 3.0+ böngészővel, Safari 3.0+, Opera 9.5+ és az Internet Explorer 6.0+.

Hogyan kell használni a Raphael?

Csak töltse le és töltse be az oldalt script Raphael.js. akkor egyszerűen használni:

Módszerek leírása

A módszer létrehoz egy vászon a jövőben rajz rajta

paraméterek
1. A tartályt vagy vonal HTML-elem
2. szélesség száma
3. magasság száma

VAGY
1. x szám
2. y száma
3. szélessége száma
4. magassága száma

Elem [0]

Ez egy utalás a DOM objektumot, amely lehetővé teszi számára, hogy meghatározzák eseménykezelőkkel és kap / tulajdonságainak módosítása egy tárgy

Element.rotate

Kiderült az objektum egy előre meghatározott szöget zár be a Center

paraméterek
fokozat száma

Element.translate

Mozgatja az objektumot a vásznon

paraméterek
dx száma
dy száma

Element.matrix

Ez lehetővé teszi, hogy átalakítsa az objektum által szuperpozíció mátrix objektum tulajdonságai (mátrix-transzformációval)

paraméterek
xx száma
xy szám
yx száma
yy száma
dx száma
dy száma

Element.scale

Növeli objektum egy előre meghatározott számú alkalommal (a szélesség és magasság külön-külön). Amikor a zoom arányok kevesebb, mint 1, van egy csökkenés a tárgy

paraméterek
Xtimes száma
Ytimes száma

Element.attr

Beállítja az elem attribútumai

paraméterek
params objektumba

attribútum karakterlánc
karaktersorozatot

lehetséges alternatívák
cx
cy
dasharray
fill-fedőképesség
tölt
font-family
font-size
font-weight
betűtípus
gradiens
magasság
joinstyle
homályosság
r
rx
ry
stroke fedőképesség
stroke-szélességű
ütés
szélesség
x
y

Element.getBBox

Méretével tér vissza

Element.toFront

Mozgatja a réteg, amelyben az elem az első helyzetben (használnak, hogy megszüntesse az átfedés a tárgy egy másik tárgy)

Összeállít egy kör (kör hívja)

paraméterek
x szám
y száma
r szám

paraméterek
x szám
y száma
szélesség száma
magasság száma
r szám [választható]

paraméterek
x szám
y száma
rx száma
ry száma

Inicializál rajz vonallánc (path, vagy többsoros). Alapértelmezésben, visszatér egy üres objektumot a vonallánc. Rajzolásához vonallánc, használja a beépített objektum módszerek, mint például a lineTo és curveTo.

paraméterek
params objektumhoz hasonló az objektumot a módszer attr
pathString string [választható] - Az út az SVG formátumban. Kihasználják az SVG dokumentumokat.

teljesen

Beállítja, hogy a zászló közé abszolút, azaz mindegyik egy külön rétegben, amíg az illető reverz - segítségével viszonylag. (Sets kiváltó számolni az összes alábbi egységeket abszolút, hacsak az említett módon)
[Az alapértelmezett]

viszonylag

Készletek besorolásának zászló az összes alábbi tárgyak körül, azaz minden további objektumot ugyanabban a rétegben, amíg azt mondják, az ellenkező - abszolút az. (Sets kiváltó számolni az összes alábbi egységeket relatív is, kivéve, ha az említett módon)

Átrajzolja a többsoros. Akkor alkalmazzák, amikor egy pont (vertex) megváltoztak. Lehet, izzad elérheti a tulajdonságokat az objektum elérési útját (többsoros)

Átigazolások az említett toll koordinátáinak

Vonalat rajzol találni toll pont koordinátái megjelölt

Vonalat rajzol egy tollat ​​pont megállapítás mondta koordinátákat. A sort egy vízszintes csap elején és a végén.

paraméterek
x szám
y száma
szélesség száma

Döntetlen a görbe megtalálása hegyével említett koordináta.

paraméterek
x1 száma
y1 száma
x2 száma
y2 száma
x3 száma
y3 száma

addRoundedCorner

Döntetlen negyed kört az aktuális ponttól a toll található. Ezt alkalmazzák felhívni a lekerekített élek

paraméterek
r szám
dir húr - Destination (2 betű)
Lehetséges értékei dir:
lu - bízva
LD - balra le
ru - egészen
rd - egészen
ur - jobbra fel
ul - balra fel
dr - jobbra le
dl - balra le

Képek beszúrása SVG / VML terület

paraméterek
src húr
x szám
y száma
szélesség száma
magasság száma

Hoz létre csoportot. Ez hasznos lehet, ha azt szeretnénk, hogy csoportos tárgyakat rétegekbe, és így tovább.

SAPE bonyolítaná a dolgokat?

MainLink - egy egyszerű és jövedelmező értékesítési linkeket!

Kapcsolódó cikkek