Există mai multe forme de bază utilizate în majoritatea desenelor SVG. Scopul acestor cifre este evident din numele lor. Am dat aici câteva atribute care determină poziția și dimensiunea, dar specificația elementului conține probabil o descriere mai precisă și mai completă, împreună cu alte proprietăți care nu sunt descrise aici. Totuși, deoarece acestea sunt folosite în majoritatea documentelor SVG, este important să avem o idee despre ele.
Formulare de bază
Pentru a insera un formular, trebuie să creați un element în document. Elementele diferite corespund diferitelor forme și necesită atribute diferite pentru a descrie mărimea și poziția acestor forme. Unele sunt puțin greoaie, deoarece ele pot fi create de alte forme, dar pentru comoditate ele sunt enumerate aici și ajută la păstrarea documentelor SVG cât mai scurte și mai ușor de citit. Toate formele principale sunt prezentate în imaginea din dreapta. Codul de generare arată astfel:
Notă: atributele de accident vascular cerebral. lățimea și umplerea traseului sunt descrise în manualul de mai jos.
dreptunghiuri
Elementul rect face exact ceea ce vă așteptați, adică atrage un dreptunghi pe ecran. Există doar 6 atribute de bază care controlează poziția și forma dreptunghiului de pe ecran. Imaginea afișată anterior afișează două elemente rect care par puțin superfluă. Unul pe dreapta are un set de atribute rx și ry, care sunt responsabile pentru colțurile rotunjite. Dacă acest set nu este prezent, în mod implicit acestea sunt acceptate egale cu 0.
x Poziția x a colțului din stânga sus al dreptunghiului. y Poziționați y din colțul din stânga sus al dreptunghiului. lățime Înălțime lățime dreptunghiulară Înălțime dreptunghiulară rx Radius x colțuri ale dreptunghiului ry Radius y al colțurilor dreptunghiului
cerc
Așa cum vă puteți aștepta, elementul cerc atrage un cerc pe ecran. Există 3 atribute pentru descrierea acestui element.
r Raza cercului. cx Poziția x a centrului cercului. cy Poziția y a centrului cercului.
Elipsa este forma cea mai obișnuită a unui element al unui cerc, în care puteți scala rapoartele x și y (numite în mod obișnuit matematicieni jumătate din axa majoră și jumătate din axa minoră) a cercului separat.
rx Radius x al elipsei. ray Radiația y a elipsei. cx Poziția x a centrului elipsei. cy Poziția y a centrului elipsei.
Linia reprezintă o linie dreaptă simplă. Atributele sale sunt două puncte care determină punctele de plecare și de sfârșit ale liniei.
x1 Poziția x a punctului 1. y1 Poziția y a punctului 1. x2 Poziția x a punctului 2. y2 Poziția y a punctului 2.
Linia întreruptă
Elementul de polilinie joacă un grup de linii drepte conectate. Din moment ce această listă poate fi destul de lungă, toate punctele sunt incluse într-un singur atribut:
puncte O listă de puncte, fiecare separate de un spațiu, virgulă, EOL. sau un caracter de linie nouă. Fiecare punct trebuie să conțină două numere, o coordonată x și o coordonată y. Prin urmare, pot fi scrise listele (0,0), (1,1) și (2,2): "0 0, 1 1, 2 2".
poligon
Elementul poligon este foarte asemănător cu elementul polilinic prin faptul că este format din segmente de linii drepte care leagă lista de puncte. Dar pentru poligoane, calea revine automat la primul punct de la capăt, creând astfel o formă închisă. Trebuie remarcat faptul că dreptunghiul este un caz particular al unui poligon, astfel încât poligonul poate fi folosit pentru a crea un element
puncte O listă de puncte, fiecare separate de un spațiu, virgulă, EOL. sau un caracter de linie nouă. Fiecare punct trebuie să conțină două numere, o coordonată x și o coordonată y. Prin urmare, lista (0,0), (1,1) și (2,2) poate fi scrisă ca: "0 0, 1 1, 2 2". Poligonul este închis de linia dreaptă finală de la (2,2) la (0,0).
Cale. probabil cea mai obișnuită formă care poate fi folosită în SVG. Folosind elementul traseu, puteți desena dreptunghiuri (cu sau fără colțuri rotunjite), cercuri, elipse, linii întrerupte și poligoane; și, în esență, orice alte forme de forme: curbe Bezier, curbe patrate și multe altele. Din acest motiv, elementul traseu va fi luat în considerare separat în următoarea secțiune a acestui ghid, dar acum observăm doar că există un singur atribut care să-i controleze forma.
d O listă de puncte și alte informații despre cum să desenați o cale. Pentru mai multe informații, consultați secțiunea Cale.
Articole similare
Trimiteți-le prietenilor: