Запитання з тегом «svg»

Масштабована векторна графіка (SVG) - це формат двовимірної векторної графіки на основі XML, який також можна використовувати в HTML. Не додайте цей тег лише тому, що у вашому проекті використовується SVG. Натомість додайте тег, якщо ваше запитання стосується або SVG, або тісно пов’язаного з ним, як, наприклад, як досягти чогось із SVG.

6
SVG отримати ширину текстового елемента
Я працюю над ECMAScript / JavaScript для файлу SVG і потрібно отримати widthі heightз textелемента , так що я можу змінити розмір прямокутника , який його оточує. У HTML я міг би використовувати елемент offsetWidthта offsetHeightатрибути на елементі, але виявляється, що ці властивості недоступні. Ось фрагмент, з яким мені потрібно …
105 javascript  dom  text  svg 


6
Як встановити початок перетворення у SVG
Мені потрібно змінити розмір і повернути певні елементи у SVG-документі за допомогою javascript. Проблема полягає в тому, що вона за замовчуванням завжди застосовує перетворення навколо початку (0, 0)вгорі ліворуч. Як я можу повторно визначити цю опорну точку перетворення? Я спробував використовувати transform-originатрибут, але він нічого не впливає. Ось як я …

1
Фіксована ширина ходу в SVG
Я хотів би мати можливість встановити ширину ходу на SVG-елементі таким чином, щоб він був "піксельним", тобто завжди був шириною 1 піксель, незалежно від застосовуваних поточних трансформацій масштабування. Я знаю, що це може бути неможливим, оскільки вся суть SVG полягає в тому, щоб піксель був незалежним. Контекст наступний: У мене …
103 svg  visualization 

14
Як стилізувати SVG із зовнішнім CSS?
У мене є кілька графічних зображень SVG, які я хотів би змінити кольори за допомогою моїх зовнішніх таблиць стилів - не безпосередньо в кожному файлі SVG. Я не ввожу графіку в рядок, але зберігаю їх у папці із зображеннями та вказую на них. Я реалізував їх таким чином, щоб дозволити …
102 html  css  svg  stylesheet  external 

6
Перетворення SVG в PNG за допомогою C # [закрито]
Зачинено. Це питання не відповідає вказівкам щодо переповнення стека . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закрито 6 років тому . Удосконаліть це питання Я намагався перетворити SVG-зображення в PNG за допомогою C #, не записуючи занадто багато коду. …
102 c#  .net  png  svg 

6
Градієнт SVG за допомогою CSS
Я намагаюся отримати градієнт, застосований до rectелемента SVG . В даний час я використовую fillатрибут. У моєму файлі CSS: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } І rectелемент має правильний колір заливки при перегляді в браузері. Однак я хотів би знати, чи можу я застосувати до цього елемента …

12
Як показати файл SVG на React Native?
Я хочу показати файли svg (у мене є купа зображень svg), але те, що я не міг знайти спосіб показати. Я намагався використовувати компоненти Image та Use з React-native-svg, але вони не працюють із цим. І я намагався зробити це рідною мовою, але це дуже важка робота, щоб показати лише …

11
Колір фону тексту у SVG
Я хочу забарвити фон svg, textподібний до background-colorcss Мені вдалося знайти лише документацію щодо того fill, який колір самого тексту Чи можливо це навіть?


6
Вбудувати SVG у SVG?
У мене є документ SVG, і я хотів би включити до нього зовнішнє зображення svg, тобто щось на зразок: <object data="logo.svgz" width="100" height="100" x="200" y="400"/> ("об'єкт" - це лише приклад - зовнішній документ буде SVG, а не xhtml). Будь-які ідеї? Чи можливо це взагалі? Або для мене найкраще просто ляпнути …
98 xml  svg  embedding 

20
Chrome не відображає SVG, на який посилається тег <img>
У мене проблеми з Google Chrome, які не відображають svg з тегом img. Це трапляється під час оновлення сторінки та початкового завантаження сторінки. Я можу отримати зображення, щоб показати його, "Перевіряючи елемент", клацнувши правою кнопкою миші файл svg та відкривши файл svg у новій вкладці. Потім зображення svg буде відтворено …

1
Як масштабувати зображення SVG, щоб заповнити вікно браузера?
Здається, це повинно бути легко, але я просто чогось не отримую. Я хочу створити HTML-сторінку, що містить одне зображення SVG, яке автоматично масштабується відповідно до вікна браузера, без будь-якої прокрутки та при цьому зберігаючи співвідношення сторін. Наприклад, на даний момент я маю зображення SVG 1024x768; якщо область перегляду браузера 1980x1000, …


10
У чому різниця між SVG та HTML5 Canvas?
Які відмінності між SVG та HTML5 Canvas? Здається, вони обидва роблять те саме зі мною. В основному, вони обидва малюють векторні ілюстрації за допомогою координатних точок. Чого мені не вистачає? Які основні відмінності між SVG та HTML5 Canvas? Чому я повинен вибрати одне над іншим?
92 html  canvas  svg 

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.