SVG фигура и трансформация
Напиши SVG е съвсем проста. използваната фигура: прякото. многоъгълник. кръг. елипса. и линията. полилиния и път. Зададохме на избраната форма се определя от неговия размер и местоположение, и след това да добавите фон и инсулт.
Размерите и координатите са определени за различните фигури в различни начини, но на фона и на хода - едни и същи за всички:
запълване - запълни. Можете да зададете цвят по никакъв начин. Прозрачност - няма или прозрачен. Цвят по подразбиране - черен; инсулт - цвета на удар; инсулт ширина - дебелината на удара, по подразбиране - 1. Без удар не работи.
По-долу можете да видите примери за прости SVG-цифри и трансформации, които могат да се прилагат към тях.
х. у - координати на горния ляв ъгъл на фигурата; ширина. височина - ширина и височина на правоъгълника.
Заоблени ъгли са определени параметри RX и Ри. Ако само един от параметрите, закръгляването на вертикални и хоризонтални посоки ще бъде един и същ:
Ако и двата параметъра (и те все още са различни), радиусът на кривината ще бъде различна:
Точките са посочени X, Y координати на върховете на фигурите, разделени с интервал.
многоъгълник се затваря в себе, последната точка може да се пропусне.
R - радиусът на кръга; CX. CY - координатите на центъра на окръжността.
RX. Ри - хоризонтален и вертикален радиус на елипсата; CX. CY - координатите на центъра на елипсата.
По-сложни форми могат да бъдат направени от комбинация от проста:
В този стил на цифрите може да се настрои веднъж за цялата група, а не поотделно за всяка фигура:
Също така е възможно да се направи изчистени линии.
x1. y1. x2. y2 - координатите на началото и края на линията.
Точките дадени от х, у координати на точки, като всяка точка на пространство.
При по-сложни линии и форми съществува път маркер. но този въпрос трябва да се разглежда отделно.
SVG-фигури могат да се променят с помощта на имота трансформира.
Възможни стойности: превод. мащаб. върти. skewX. skewY. матрица.
Можете да посочите няколко трансформации, разделени със запетаи или интервали.
превод (TX [Тай])
Ако не е посочен втората опция, тя е равна на 0.
Свързани статии