Допустим, у меня есть файл 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> Я хочу...
Я люблю шрифт Font Awesome icon icon и хочу использовать его для большинства значков на моем сайте, но есть несколько пользовательских значков svg, которые мне понадобятся в дополнение к тому, что предлагается. Я заметил, что .svg-версия Font Awesome состоит в основном из следующих <glyph...
Я хотел бы установить цвет фона по умолчанию для всего документа SVG, например красный. <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> Приведенное выше решение работает, но свойство background атрибута style, к сожалению, не является стандартным:...
Есть ли способ рисования файла SVG на холсте HTML5 по умолчанию? Google Chrome поддерживает загрузку SVG как изображения (и просто использование drawImage), но консоль разработчика предупреждает об этом resource interpreted as image but transferred with MIME type image/svg+xml. Я знаю, что есть...
Я хочу использовать логотип SVG для веб-сайта, чтобы он отлично смотрелся в адаптивном дизайне для всех устройств. Но поскольку есть проблемы , я хочу поддерживать как можно больше устройств и браузеров. Скорость загрузки также является важным фактором. Как во все это вписываются настройки экспорта...
Можно ли встроить разметку SVG в компонент ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Приводит к ошибке: Атрибуты пространства имен не поддерживаются. ReactJSX - это не XML. Какой самый легкий...
Какие размеры значков, форматы файлов и мета / теги ссылок следует использовать с 2020 года? Это включает в себя значок Apple, Windows, Android и другие устройства, которые люди используют сегодня. Я использую Opera и вижу, что она поддерживает формат svg. Это лучшее решение для использования SVG в...
В typescript(*.tsx)файлах я не могу импортировать файл svg с этим утверждением: import logo from './logo.svg'; Transpiler говорит: [ts] cannot find module './logo.svg'. Мой файл svg просто <svg>...</svg>. Но в .jsфайле я могу импортировать его без каких-либо проблем с точно таким же...
Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 2 года назад . Уточните этот вопрос Я пытаюсь преобразовать PDF в SVG. Однако тот,...
Обычно, чтобы включить большинство моих значков SVG, требующих простого стиля, я делаю: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Сейчас я играю с ReactJS в последнее время его оценки в качестве возможного компонента в моем новом стеке развития фронтального однако...
У меня есть некоторые SVG файлы , которые определяют widthи heightтак же , как viewboxнапример: <svg width="576pt" height="432pt" viewBox="0 0 576 432" > ... но как отобразить их в браузере с размером, который я выбираю? Я хочу их поменьше и пробовал: <object width="400"...
Я пытаюсь выбрать правильную технологию для обновления проекта, который в основном отображает тысячи точек на масштабируемом графике с возможностью панорамирования. Текущая реализация, использующая Protovis, неэффективна. Посмотрите здесь: http://www.planethunters.org/classify При полном уменьшении...
При обработке своего XML я пытаюсь скопировать файл SVG, на который ссылается hrefатрибут, непосредственно в выходной HTML-код со следующей строкой: <xsl:copy-of copy-namespaces="yes" select="document(@href)"/> В этом copy-namespacesнет необходимости, так как значение по умолчанию в любом...
Цель состоит в том, чтобы <svg>элемент расширился до размера его родительского контейнера, в данном случае a <div>, независимо от того, насколько большим или маленьким может быть этот контейнер. Код: <style> svg, #container{ height: 100%; width: 100%; } </style> <div...
Я работаю над веб-проектом, который включает в себя динамически сгенерированную карту США, раскрашивающую разные штаты на основе набора данных. Этот файл SVG дает мне хорошую пустую карту США, и в нем очень легко изменить цвет каждого штата. Сложность состоит в том, что браузеры IE не поддерживают...
Я только что столкнулся с очень странной проблемой, которая проявляется только в Safari 10. У меня есть игральные карты, изображения svg, которые иногда меняются с помощью transform:rotate(xdeg). На карте, которую я использую, есть красный блок. Когда он не повернут или повернут под прямым углом,...
Я хотел бы отобразить <text>в SVG то, что будет автоматически переноситься строкой в контейнер так <rect>же, как текст HTML заполняет <div>элементы. Как это сделать? Я не хочу размещать строки равномерно, используя...
Когда SVG напрямую включен в документ с помощью <svg>тега, вы можете применить стили CSS к SVG через таблицу стилей документа. Однако я пытаюсь применить стиль к встроенному SVG (с помощью <object>тега). Можно ли использовать что-нибудь вроде следующего кода? object svg { fill: #fff;...
Итак, вот что у меня есть: <path class="..." onmousemove="show_tooltip(event,'very long text \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/> <rect class="tooltip_bg" id="tooltip_bg" ... /> <text class="tooltip" id="tooltip" ...>Tooltip</text>...
Я работаю над ECMAScript / JavaScript для файла SVG и нужно получить widthи heightиз textэлемента , так что я могу изменить размер прямоугольника , который его окружает. В HTML я мог бы использовать атрибуты offsetWidthи offsetHeightв элементе, но похоже, что эти свойства недоступны. Вот фрагмент,...