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

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

Я использую <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
3

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

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

Как преобразовать SVG в PNG с Image Magick?

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

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

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

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

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

Встроенный SVG в CSS

Можно ли использовать встроенное определение SVG в CSS? Я имею в виду что-то вроде: .my-class { background-image: <svg>...</svg>; }
26 мая '12 в 17:41
12

Как создать слезу в HTML?

Как создать такую ​​форму для отображения на веб-странице? Я не хочу использовать изображения, так как они будут размыты при масштабировании Я пробовал с CSS: .tear { display: inline-block; transform: rotate(-30deg); border: 5px soli...
08 июн. '15 в 14:01