SVG: Элементы video и audio
2012-04-15 22:46:58
Оказывается в
SVG уже давным давно ... довольно типичный для
SVG атрибут xlink:href ...
+ развернуть текст сохранённая копия
Оказывается в SVG уже давным давно запланировано богатое Media-содержимое. В частности, элемент video предполагается использовать следующим образом: <video xlink:href="myMovie.ogg" width="320" height="240" x="50" y="50"/> Среди прочих отличий от video из HTML5 я бы выделил довольно типичный для SVG атрибут xlink:href. Элемент … подробнее →
Тэги:
audio,
foreignobject,
svg,
video,
запись
Матрица для ноутбука 12.1 WXGA 1280 x 800 (Модель LTD121EXSS)
2012-04-10 22:30:14
Оригинальная матрица для ноутбука Lenovo IdeaPad S12, Asus U6S, Asus Lamborghini VX3 и др. TFT ...
+ развернуть текст сохранённая копия
Оригинальная матрица для ноутбука Lenovo IdeaPad S12, Asus U6S, Asus Lamborghini VX3 и др. TFT матрица 12.1″ производства Toshiba Модель: LTD121EXSS Разрешение матрицы: 1280 x 800 (WXGA) Покрытие экрана: глянцевое (Glossy) Интерфейс подключения: 30 pin Тип подсветки: Светодиодная (LED) Цена – 1600 грн Установить матрицу ноутбука в Киеве
Тэги:
asus,
ideapad,
lamborghini,
lenovo,
ltd121exss,
s12,
u6s,
vx3,
матрица,
ноутбук
SVG: Оформление текста
2012-04-10 01:11:56
... текстовым фрагментам в
SVG. Начну с простых ... указания шрифта в
SVG можно использовать атрибут ...
+ развернуть текст сохранённая копия
Пришло время разобраться с тем, как можно придавать «особенное» оформление текстовым фрагментам в SVG. Начну с простых атрибутов: Для указания шрифта в SVG можно использовать атрибут font-family. font-family="arial" Определить начертание поможет font-style, для него можно использовать всего пару значений: normal … подробнее →
Тэги:
font,
svg,
text,
запись
SVG: Отображение текста
2012-04-08 21:19:05
В
SVG можно рисовать не ...
+ развернуть текст сохранённая копия
В SVG можно рисовать не только фигуры, но и отображать текст. Сделать это можно с помощью тега <text>. Например так: <text x="10" y="20">MyText</text> смотреть Текст будет отрисован в левом верхнем углу браузера. Для изменения положения текста можно заменить значения атрибутов … подробнее →
Тэги:
path,
svg,
text,
textpath,
tspan,
запись
Масштабируем CSS спрайты с SVG, убивая сразу трех зайцев
2012-04-08 00:55:11
... , либо использовать
SVG в качестве формата ... Использовать второй вариант —
SVG, о чем и ... спрайтов с
SVG
+ развернуть текст сохранённая копия
Хабы: Веб-разработка, CSS
Привет, Хабр.
Сразу хочу отметить, что если мы говорим об иконках, их можно масштабировать двумя способами (других я просто не знаю): конвертировать иконки в шрифт и подключать их через @font-face, либо использовать SVG в качестве формата для этих иконок.
Немного отойду от темы и расскажу предысторию.
Предыстория
Я было решил использовать у себя на сайте шрифтовые иконки, казалось бы все хорошо: и размер менять можно, и цвет задавать и запрос к серверу всего один (на подключение шрифта). Другими словами, подключаемый шрифт это и есть своеобразный «CSS спрайт», верно?
Я давай проверять, везде ли все красиво выглядит. Оказалось, что не все так хорошо как хотелось бы, потому как в некоторых размерах иконки выглядели кособокими, а при отключенном сглаживании вообще противно смотреть на них стало. Что делать? Использовать второй вариант — SVG, о чем и пойдет речь.
Подробно о создании CSS спрайтов с SVG
Тэги:
css,
css3,
sprites,
svg,
веб-разработка,
иконка
Страницы:
... 41 42 43 44 45 46 47 48 49
