Вопросы с тегом «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. Какой самый легкий способ сделать это. Использование чего-то вроде React ART является излишним для …

127 javascript  svg  reactjs 

Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 2 года назад . Уточните этот вопрос Я пытаюсь преобразовать PDF в SVG. Однако тот, который я использую в настоящее …

115 pdf  svg 

Обычно, чтобы включить большинство моих значков SVG, требующих простого стиля, я делаю: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Сейчас я играю с ReactJS в последнее время его оценки в качестве возможного компонента в моем новом стеке развития фронтального однако я заметил , что в списке поддерживаемых тегов / атрибутов, ни useили …

115 svg  sprite  reactjs 

У меня есть некоторые SVG файлы , которые определяют widthи heightтак же , как viewboxнапример: <svg width="576pt" height="432pt" viewBox="0 0 576 432" > ... но как отобразить их в браузере с размером, который я выбираю? Я хочу их поменьше и пробовал: <object width="400" data="image.svg"></object> но тогда я получаю видимые полосы …

115 html  svg 

Какие размеры значков, форматы файлов и мета / теги ссылок следует использовать с 2020 года? Это включает в себя значок Apple, Windows, Android и другие устройства, которые люди используют сегодня. Я использую Opera и вижу, что она поддерживает формат svg. Это лучшее решение для использования SVG в настоящее время? Есть …

115 html  svg  png  favicon 

В typescript(*.tsx)файлах я не могу импортировать файл svg с этим утверждением: import logo from './logo.svg'; Transpiler говорит: [ts] cannot find module './logo.svg'. Мой файл svg просто <svg>...</svg>. Но в .jsфайле я могу импортировать его без каких-либо проблем с точно таким же оператором импорта. Я полагаю, это как-то связано с типом …

115 typescript  svg 

Я пытаюсь выбрать правильную технологию для обновления проекта, который в основном отображает тысячи точек на масштабируемом графике с возможностью панорамирования. Текущая реализация, использующая Protovis, неэффективна. Посмотрите здесь: http://www.planethunters.org/classify При полном уменьшении получается около 2000 точек. Попробуйте использовать ручки внизу, чтобы немного увеличить масштаб, и перетащите его, чтобы панорамировать. Вы увидите, …

114 html  canvas  svg  d3.js  kineticjs 

При обработке своего XML я пытаюсь скопировать файл SVG, на который ссылается hrefатрибут, непосредственно в выходной HTML-код со следующей строкой: <xsl:copy-of copy-namespaces="yes" select="document(@href)"/> В этом copy-namespacesнет необходимости, так как значение по умолчанию в любом случае - «да», но я добавил его, чтобы не возникло вопросов о том, пробовал ли я …

113 html  xml  svg  xslt-1.0  xslt-2.0 

Цель состоит в том, чтобы <svg>элемент расширился до размера его родительского контейнера, в данном случае a <div>, независимо от того, насколько большим или маленьким может быть этот контейнер. Код: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" height="100" /> …

112 css  html  svg  responsive-design 

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

111 php  svg  imagemagick  jpeg  gd2 

Я только что столкнулся с очень странной проблемой, которая проявляется только в Safari 10. У меня есть игральные карты, изображения svg, которые иногда меняются с помощью transform:rotate(xdeg). На карте, которую я использую, есть красный блок. Когда он не повернут или повернут под прямым углом, то есть на 90, 180, 270, …

109 html  css  svg  safari 

Я хотел бы отобразить <text>в SVG то, что будет автоматически переноситься строкой в ​​контейнер так <rect>же, как текст HTML заполняет <div>элементы. Как это сделать? Я не хочу размещать строки равномерно, используя <tspan>s.

108 xml  text  svg  word-wrap 

Итак, вот что у меня есть: <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> <script> <![CDATA[ function show_tooltip(e,text) { var tt = document.getElementById('tooltip'); var bg = document.getElementById('tooltip_bg'); // set position ... tt.textContent=text; bg.setAttribute('width',tt.getBBox().width+10); bg.setAttribute('height',tt.getBBox().height+6); // set …

107 javascript  svg  newline  line-breaks 

Когда SVG напрямую включен в документ с помощью <svg>тега, вы можете применить стили CSS к SVG через таблицу стилей документа. Однако я пытаюсь применить стиль к встроенному SVG (с помощью <object>тега). Можно ли использовать что-нибудь вроде следующего кода? object svg { fill: #fff; }

107 html  css  svg 

Я работаю над ECMAScript / JavaScript для файла SVG и нужно получить widthи heightиз textэлемента , так что я могу изменить размер прямоугольника , который его окружает. В HTML я мог бы использовать атрибуты offsetWidthи offsetHeightв элементе, но похоже, что эти свойства недоступны. Вот фрагмент, с которым мне нужно работать. …

106 javascript  dom  text  svg