ПредишенСледващото

Създаване на SVG използване Рафаел

Създаване на SVG използване Рафаел

Рафаел библиотека е създадена от Дмитрий Барановски. Демонстрация на възможностите е на сайта на библиотеката. Наистина ми хареса полярна часовника. В този пример можете да видите как се използва библиотеката.

Код за разбор е доста сложно с плаката, но става съвсем ясно, когато се разглобяване на основните методи, които са използвани в примера.

Вътре идентификатор на елемент = "притежател" в HTML документ е създаден размер SVG-контейнер 600х600 пиксела

кръг () метод създава окръжност с център на координатите на точка и радиус 100 300,300

ATTR () метод позволява да се определят различни атрибути на елементите, например:

настроен бял (#fff) цвят за граници инсулт

изберете дебелината на линията инсулт ширина гранични пиксела 30

Можете дори да създадете нов атрибут, който ще бъде суперпозиция на други атрибути, например, три атрибута. който образува формата на равнобедрен триъгълник директно координатите х, у с страна на

Е, сега можете да създавате анимации, движещи се и разширяване на триъгълник.

Ние се посочи окончателната стойност на атрибута (точка 200 200, на страната 50)

анимацията - 2s,

тип анимация - еластичен (прилича на суров пружина с

За да се направи операция на група от елементи, те могат да бъдат комбинирани в комплекта и след това работата на снимачната площадка автоматично ще доведе до съответното действие върху всички елементи в комплект

Създаване на набор от с. добави в кръг и квадрат, тогава питам за всички елементи в серия от червено запълване

Повече информация за възможностите на библиотеката може да се намери в много обширна документация.

Възможността за библиотеката разбира се на въображението, но аз, например, е много липсва доста основни неща: Element , който се използва за групиране на SVG елементи. Например, за операции трансформация. Можете да направите set'ami, но това не е толкова удобен.

Послепис Ако някой е забелязал, аз осъзнах, за дисплея на блога на статистика за посещения. където аз използвах Рафаел библиотека за показване на графики. Винаги съм искал да бъде в състояние да буквално обръщане на графиката пръст да посочи координати зарежда автоматично формира и графика в движение, и е възможно да се реализира. Анимацията не е много гладка, но ако дарят по прозрачен начин, е възможно да се образуват част от графиката, извън зоната на парцел и внимателно се оттегли след тегленето.

Добър ден!
Имам задача да направи интерактивна карта. Аз го направих с помощта на описания по-горе си библиотека. Кажете ми, как мога да рисувам различните елементи на картата в различен цвят? И ако е възможно, как да се направи карта на региона е посетител на сайта и съответния регион бе осветен?
Благодаря предварително за отговора!

Добър ден!
Реализирал съм интерактивна карта, но тя не е адаптивно, как да се направи това адаптивни?

Свързани статии

Подкрепете проекта - споделете линка, благодаря!