Запитання з тегом «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 

Зачинено. Це питання не відповідає вказівкам щодо переповнення стека . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закрито 2 роки тому . Удосконаліть це питання Я намагаюся перетворити PDF у SVG. Однак той, яким я зараз користуюся, відображає шлях до …

114 pdf  svg 

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

114 svg  sprite  reactjs 

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

114 html  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 

Які розміри фавікон, формати файлів та теги мета / посилань слід використовувати до 2020 року? Сюди входять піктограма яблук, вікна, андроїд та інші пристрої, якими користуються люди сьогодні. Я використовую Opera, і я бачу, що він підтримує формат svg. Це найкраще рішення використовувати svg сьогодні? Чи є варіант "один файл …

113 html  svg  png  favicon 

Мета полягає в тому, щоб <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" /> </svg> …

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 

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

109 typescript  svg 

Я хотів би відобразити <text>у SVG те, що автоматично перев'язуватиме рядок у контейнер <rect>так само, як <div>елементи HTML заповнюють текст . Чи є спосіб це зробити? Я не хочу розташувати лінії між собою, використовуючи <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 

Яка різниця між атрибутом x і dx svg (або y і dy)? Коли настав би час використовувати атрибут зсуву осі (dx) проти атрибута розташування (x)? Наприклад, я помітив дуже багато прикладів d3, які роблять щось подібне chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3) .text("I am a label") Яка перевага або …

106 svg  d3.js