Вопросы с тегом 'svg'

Масштабируемая векторная графика (SVG) представляет собой формат двумерной векторной графики на основе XML, который также можно использовать в HTML. Не добавляйте этот тег только потому, что ваш проект использует SVG. Вместо этого добавьте тег, если ваш вопрос связан либо с SVG, либо с его близким отношением, например, как добиться чего-то с помощью SVG.
13

Я использую <img>, <object> или <embed> для файлов SVG?

Должен ли я использовать <img>, <object> или <embed> для загрузки SVG файлов на страницу способом, подобным загрузке jpg, gif или png? Каков код для каждого, чтобы он работал как можно лучше? (Я вижу ссылки на включение mimetype и...
18 дек. '10 в 3:50
12

PNG против GIF против JPEG против SVG - Когда лучше всего использовать?

Когда следует использовать определенные типы файлов изображений при создании веб-сайтов или интерфейсов и т.д.? Каковы их сильные и слабые стороны? Я знаю, что PNG и GIF без потерь, а JPEG - с потерями. Но в чем основное отличие PNG и GIF? Почему...
25 февр. '10 в 18:21
8

Холст HTML5 против SVG против div

Каков наилучший подход для создания элементов "на лету" и возможности их перемещения? Например, предположим, что я хочу создать прямоугольник, круг и многоугольник, а затем выделить эти объекты и переместить их. Я понимаю, что HTML5 содержит три эле...
04 мая '11 в 11:36
17

Как изменить цвет изображения SVG с помощью CSS (замена изображения SVG jQuery)?

Это сам Q & A из удобного кода, с которым я пришел. В настоящее время нет простого способа встраивания SVG-изображения, а затем доступ к элементам SVG через CSS. Существуют различные методы использования JS SVG-фреймворков, но они слишком сложны...
16 авг. '12 в 0:05
23

Обнаружение iPad Mini в HTML5

Apple iPad Mini - это меньший клон iPad 2, чем мы хотим. В JavaScript объект window.navigator предоставляет те же значения для Mini и iPad 2. Мои тесты до сих пор, чтобы обнаружить разницу, не привели к успеху. Почему это важно? Поскольку экраны i...
06 нояб. '12 в 9:53
15

Как конвертировать SVG в PNG с помощью ImageMagick?

У меня есть файл SVG, который имеет определенный размер 16x16. Когда я использую программу преобразования ImageMagick для преобразования в PNG, я получаю PNG размером 16x16 пикселей, который слишком мал: convert test.svg test.png Мне нужно указать...
24 мар. '12 в 16:24
3

SVG заполняет прозрачность цвета/альфа?

Можно ли установить прозрачность или альфа-уровень на цветах заполнения SVG? Я попытался добавить два значения в тег заливки (сменив его с fill = "# 044B94" на fill = "# 044B9466" ), но это не сработает.
18 мая '11 в 9:29
16

img src SVG изменение цвета заливки

HTML <img src="logo.svg" alt="Logo" class="logo-img"> CSS .logo-img path { fill: #000; } Выше svg загружается и является изначально fill: #fff, но когда я использую вышеуказанный css, чтобы попробовать изменить его на черный, он не...
24 июл. '14 в 12:15
8

Отбрасывание SVG с помощью css3

Можно ли установить тень для элемента SVG с помощью CSS3, что-то вроде box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Я видел некоторые замечания по созданию тени с использованием эффектов фильтра. Есть ли пример использов...
22 мая '11 в 14:05
10

Преобразование SVG в изображение (JPEG, PNG и т.д.) В браузере

Я хочу преобразовать SVG в растровые изображения (например, JPEG, PNG и т.д.) через JavaScript.
20 окт. '10 в 7:13
15

jQuery SVG, почему я не могу добавитьClass?

Я использую jQuery SVG. Я не могу добавить или удалить класс для объекта. Кто-нибудь знает мою ошибку? SVG: <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> jQuery, который не будет добавлять класс: $(".jimmy").click...
26 дек. '11 в 19:38
15

Как преобразовать PNG-изображение в SVG?

Как преобразовать PNG-изображение в SVG?
07 дек. '09 в 17:08
14

jQuery SVG против Рафаэля

Я работаю над интерактивным интерфейсом с использованием SVG и JavaScript/jQuery, и я пытаюсь решить между Raphael и jQuery SVG. Я хотел бы знать Какие компромиссы между двумя Где, по-видимому, момент развития. Мне не нужна поддержка VML/IE в Raph...
26 февр. '09 в 1:21
13

Изменить цвет svg

Я хочу использовать эту технику http://css-tricks.com/svg-fallbacks/ и изменить цвет SVG, но до сих пор я не смог этого сделать. Я положил это в CSS, но мое изображение всегда черное, несмотря ни на что. Мой код: .change-my-color { fill: green;...
07 мар. '14 в 14:15
15

Изменение цвета заливки SVG при использовании в качестве фонового изображения

Размещение SVG-вывода непосредственно в строке с кодом страницы. Я могу просто изменить цвета заливки с помощью CSS следующим образом: polygon.mystar { fill: blue; }​ circle.mycircle { fill: green; } Это отлично работает, однако я ищу спо...
13 нояб. '12 в 20:02