Вопросы с тегом «svg»

Это обычный SVG MIME-тип: image/svg+xml И это прекрасно работает. Однако при встраивании шрифта SVG chrome сообщает, что тип mime неверен, очевидно, потому что вы возвращаете шрифт вместо изображения. Есть ли универсальный тип пантомимы? Хром не так? будет application/svg+xmlпринято как - то? Я думаю, это все еще серая область в HTML5, …

168 html  svg  font-face  mime-types 

Можно ли установить элемент background-imageSVG <path>? Например, если я устанавливаю элемент class="wall", стиль CSS .wall {fill: red;}работает, но .wall{background-image: url(wall.jpg)}не работает, ни то, ни другое .wall {background-color: red;}.

166 html  css  image  svg  background-image 

Кто-нибудь знает, как это можно сделать? Вы бы использовали объект canvas, svg, jQuery и т. Д.?

165 ipad  html  canvas  svg 

Я нашел множество библиотек, чтобы использовать svg в Android и избежать создания разных разрешений и сбрасывать файлы для каждого разрешения, это становится очень раздражающим, когда в приложении много значков или изображений. Может ли кто-нибудь быть любезным, чтобы дать пошаговый процесс простейшей библиотеки для использования SVG в Android, я уверен, что …

165 android  svg  androidsvg 

Итак, у меня есть файл SVG в HTML, и одна из вещей, о которых я слышал о формате, заключается в том, что он не получает все пиксели при его увеличении. Я знаю с jpeg или что-то еще, что я могу сохранить в виде значка 50 на 50, а затем отобразить …

157 html  svg 

Я боролся с этим некоторое время, и, похоже, нигде не могу найти ответ (который работает). У меня есть файл SVG, который выглядит так: <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g ... transform="translate(10.75,-308.96875)" style="..."> <path inkscape:connector-curvature="0" d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 3.5625,-3.53125 1.41733,-0.70866 2.11392,-0.70867 3.53125,0 1.41732,0.70866 ... …

156 svg  transform  inkscape 

Я использую круги SVG в моем проекте, как это, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> И я использую z-index в gтеге, чтобы показать элементы первыми. В моем проекте мне …

154 javascript  jquery  svg  z-index 

Короткий вопрос: используя путь SVG, мы можем нарисовать 99,99% круга, и он появляется, но если он равен 99,999999999% круга, то круг не будет отображаться. Как это можно исправить? Следующий путь SVG может нарисовать 99,99% круга: (попробуйте это на http://jsfiddle.net/DFhUF/1381/ и посмотрите, видите ли вы 4 дуги или только 2 дуги, …

147 svg  geometry  drawing  vml  geometric-arc 

Является ли изображение SVG чисто векторным или мы можем объединить растровые изображения в изображение SVG? Как насчет преобразований, применяемых к растровым изображениям (перспектива, отображения и т. Д.)? Редактировать : Изображения могут быть включены в SVG по ссылке. См. Http://www.w3.org/TR/SVG/struct.html#ImageElement . Мой вопрос был на самом деле, если растровые изображения могут …

147 image  svg  bitmapimage 

У меня есть объект SVG на моей HTML-странице, и я обертываю его в привязку, чтобы при нажатии на изображение svg пользователь переходил по ссылке привязки. <a href="http://www.google.com/"> <object data="mysvg.svg" type="image/svg+xml"> <span>Your browser doesn't support SVG images</span> </object> </a> Когда я использую этот блок кода, нажатие на объект svg не приводит …

143 html  object  svg  anchor 

Допустим, у меня есть файл SVG: <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size: 60px">a</text> </svg> Я хочу как-то выровнять верх aи b. На самом деле, я хочу, чтобы мое расположение было в соответствии с rooflineвместо baseline!

142 svg  vertical-alignment  w3c 

Я люблю шрифт Font Awesome icon icon и хочу использовать его для большинства значков на моем сайте, но есть несколько пользовательских значков svg, которые мне понадобятся в дополнение к тому, что предлагается. Я заметил, что .svg-версия Font Awesome состоит в основном из следующих <glyph />элементов: ... <glyph unicode="" horiz-adv-x="1536" d="M0 …

138 svg  webfonts  font-awesome 

Я хотел бы установить цвет фона по умолчанию для всего документа SVG, например красный. <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> Приведенное выше решение работает, но свойство background атрибута style, к сожалению, не является стандартным: http://www.w3.org/TR/SVG/styling.html#SVGStylingProperties , и поэтому оно удаляется во время процесса очистки с помощью SVG. …

134 svg 

Есть ли способ рисования файла SVG на холсте HTML5 по умолчанию? Google Chrome поддерживает загрузку SVG как изображения (и просто использование drawImage), но консоль разработчика предупреждает об этом resource interpreted as image but transferred with MIME type image/svg+xml. Я знаю, что есть возможность конвертировать SVG в команды canvas (как в …

131 html  canvas  svg 

Я хочу использовать логотип SVG для веб-сайта, чтобы он отлично смотрелся в адаптивном дизайне для всех устройств. Но поскольку есть проблемы , я хочу поддерживать как можно больше устройств и браузеров. Скорость загрузки также является важным фактором. Как во все это вписываются настройки экспорта в Adobe Illustrator? В Illustrator есть …

128 html  css  image  svg  adobe-illustrator