среда, 22 декабря 2010 г.

Векторные иконки на HTML5 + JS



На первый взгляд это обычные одноцветные иконки, но если призумить — их качество не ухудшиться. Очевидный профит таких иконок: с ними можно свободно экспериментировать и не переживать за высоту и ширину, компактный вид, а не куча файлов в папке icons, ну и наверное маленький размер, хотя с этим поспорить можно. Есть некоторые ограничители в цвете, возможен один цвет либо градиент (но думаю с конвертером нарисованного вектора в js код, возможно и больше цветов)

Смотреть иконки

Если вы хотите использовать эти иконки или создавать свои на подобной основе, кликайте по иконке — внизу появится код выбранной иконки, он вставляется в:

paper.path(<код иконки>).attr({fill: "#000", stroke: "none"});

Поддержку иконок на себя берет Raphaël JS Lib

Источник


Источник: Хабрахабр - Web-разработка
Оригинальная страница: Векторные иконки на HTML5 + JS

Комментариев нет:

Отправить комментарий