- линия
Draw проста права линия е проста. Определяне на координатите на две точки и една линия ще се тегли между тях.
За да начертаете линия с линията на маркер. Стойностите на x1 и y1 от координати приписват започне линия и х2 ценности и y2 - край на линията се определя.
Не забравяйте да включите инсулт ширина атрибут. в противен случай ще бъде линията невидим.
- много редове
За да се направи няколко реда полилиния употребяван маркер. която дефинира набор от права линия сегменти, свързани с това, че в резултат дава, като правило, не-затворена форма (начало и край на който не се свързва с точките).
Стойностите в точките определят позицията на фигури на х и у оси от началото до края парчета и разделени по двойки (х, у) в целия списък от стойности. Нечетен брой точки е грешка.
За да определите линия с помощта на полилиния маркер. питаме набор от точки. Първата точка се измества 0 пиксела вдясно и 40 пиксела надолу. Линията след това се премества в точка 30 пиксела надясно и 0 пиксела надолу от произхода; така първият сегмент е създаден. Следващата точка е изместена с 60 пиксела в дясно и 40 пиксела надолу и последната точка - по 285 пиксела вдясно и 40 пиксела надолу. Стил атрибут определя дебелината и цвета на линията.
Цифрата не се затваря автоматично, ако първото и последното точките не са същите. Ние може да кандидатства за пълнене атрибут за засенчване на фигурите, но резултатът не е съвсем същото като в засенчване затворени фигури.
- кръг
елемент
Можете също да укажете инсулта - ширина и цвят.
Можете да прехвърлите част от кода на SVG в CSS.
Комбинация от няколко кръгове ни позволи да създадем щит Капитан Америка.
Капитан Америка Shield
- елипса
Елипсата е изготвен като кръг, посочено само две стойности на радиуса и централната точка. Атрибути CX и Су център точка се поставя на определено разстояние от началото на SVG-стойности на координатите RX и RY определени фигури радиус страни.
Добавяне на връзка към елипса и определи CSS имот
- правоъгълници
В правоъгълник повече атрибути от кръга. Но като цяло, това е ясно - координатите на първата точка в горния ляв ъгъл, ширината и височината.
Ширината и височината атрибути зададете размера на правоъгълника, ако не са посочени единици, това ще бъде пикселите по подразбиране.
Умение запълни - цветни вътрешни фигури. Ако не е посочен атрибута, цвета по подразбиране ще бъде черен.
Координати х и у настанени фигура по съответната ос съгласно изискванията за размер на елемента.
Можете да закръглят ъглите с RX и Ry атрибути.
Можете да зададете различни стойности за RX и Ри.
- многоъгълник
Начертайте триъгълник. В точките на атрибутите трябва да се уточни координатите на точки - за върховете на триъгълника. Двойка координират стойности за всяка точка са разделени със запетая. Процедура за прилагане на точките не е важно. Също така, не е необходимо да се свържете на първата и последната точка, това се случва автоматично.
Например равностранен триъгълник.
Ако въпросът е повече от три, лесно можете да направите грешка и не се създаде такава фигура, която се очаква.
Има известни личности, кодът, който може да бъде копиран.
група
Специално SVG-гр маркер, който позволява да се групират и да управлявате свързани елементи. Създаване на две лица, които имат същите свойства.
Можете да използвате ID и свойства да съществуват самостоятелно.
Допълнителна информация
Назад към раздел SVG
Свързани статии