Рафаэль (библиотека JavaScript)

Рафаэль
Разработчик(и)	Dmitry Baranovskiy
Первоначальный выпуск	8 августа 2008 г .; 16 лет назад
Стабильная версия	2.3.0 / 14 августа 2019 г .; 5 лет назад
Репозиторий	github .с /DmitryBaranovskiy / Рафаэль ;
Написано в	JavaScript
Лицензия	МОЯ лицензия
Веб-сайт	dmitrybaranovskiy .github .что / Рафаэль /

Рафаэль , названный в честь итальянского художника Рафаэлло Санцио да Урбино . ^{[ 3 ]} — это кроссбраузерная библиотека JavaScript , которая рисует векторную графику для веб-сайтов. Он будет использовать SVG для большинства браузеров, но будет использовать VML для более старых версий Internet Explorer . Рафаэль сейчас ^{[ на момент? ]} поддерживает Chrome 5.0+, Firefox 3.0+, Safari 3.0+, Opera 9.5+ и Internet Explorer 6.0+.

Использовать

Raphael используется путем создания экземпляра объекта Raphael , который управляет созданием холста. В следующих примерах создается холст шириной 320 пикселей и высотой 200 пикселей: ^{[ нужна ссылка ]}

// top left of canvas at the viewport's 10,50 coordinate
var r = Raphael(10, 50, 320, 200);

// top left of canvas at the  top left corner of the #example element (in elements where dir="ltr")
var r = Raphael(document.getElementById("example"), 320, 200);

// same as above
var r = Raphael("example", 320, 200);

После создания экземпляра объекта Raphael можно вызвать его различные методы рисования, изменения размера и анимации для создания векторной графики. Эта библиотека включает поддержку шрифтов Cùfon — формата, который превращает заданный шрифт в набор векторных контуров. Его можно расширить с помощью плагинов. ^{[ нужна ссылка ]}

Использование

Виджет используется на сайтах Washington Post и Times Online . ^{[ нужна ссылка ]}

Raphaël также используется iCloud.com и Mass Relevance в Белом доме . ^{[ 4 ]}

См. также

D3.js

Ссылки

Дальнейшее чтение

Уилсон, Крис (декабрь 2013 г.). РафаэльJS . О'Рейли Медиа . ISBN 978-1-4493-6536-3 .

Внешние ссылки

Рафаэля Домашняя страница
Рафаэля Синтаксис
Рафаэль: API JavaScript для SVG
Знакомство с Рафаэлем
Raphael.js: библиотека векторной графики Javascript для Интернета

[1] «Рафаэль — библиотека JavaScript» .

[2] "Релизы · ДмитрийБарановский/рафаэль" . Гитхаб . Проверено 10 марта 2021 г.

[3] «Введение в Рафаэля» .

[4] Рафаэль в Белом доме: «Мы (@massrelevance) использовали @raphaeljs 2.0 для карты, которая использовалась сегодня во время мероприятия #AskObama http://t.co/EcqROIi»

[ 1 ]

[ 2 ]

[ 3 ]

[ 4 ]