Програмування svg

14

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

254 javascript jquery svg raphael

11

Як я можу відцентрувати SVG у діві?

У мене є SVG, який я намагаюся зосередити в діві. Діл має ширину або 900 пікс. SVG має ширину 400 пікс. У SVG встановлено автоматичне поле ліворуч та поле праворуч. Не працює, він просто діє так, ніби лівий край дорівнює 0 (за замовчуванням). Хтось знає мою помилку?

252 css layout svg positioning margin

8

Чи можна використовувати SVG як вміст у псевдоелементі: до або: після

Я хочу розмістити декілька зображень SVG перед деякими вибраними елементами. Я використовую JQuery, але це не має значення. Я хотів би, щоб елемент: перед тим, як: #mydiv:before { content:"<svg.. code here</svg>"; display:block; width:22px; height:10px; margin:10px 5px 0 10px; } Якщо я це роблю так, як показано вище, він просто відображатиме …

245 css svg

7

Як я можу зробити масштаб SVG з його батьківським контейнером?

Я хочу мати вбудовану шкалу вмісту елемента SVG, коли розмір не є власним. Звичайно, я міг би мати його як окремий файл і масштабувати його так. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Однак я хочу додати додаткові стилі до SVG через CSS, тому зв'язування зовнішнього не …

235 css html svg scaling

12

Як створити крапку в HTML?

Як створити подібну форму для відображення на веб-сторінці? Я не хочу використовувати зображення, оскільки вони будуть розмитими під час масштабування Я спробував із CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> </div> Виконати …

222 html css svg css-shapes

10

Чи можете ви контролювати, як намальована ширина ходу SVG?

В даний час створюється SVG-додаток на основі браузера. У цій програмі користувач може стилізувати та розміщувати різні фігури, включаючи прямокутники. Коли я застосую stroke-widthдо rectелемента SVG, наприклад 1px, обведення наноситься на rectзсув та вставки різними браузерами. Це виявляється проблематичним, особливо коли я намагаюся обчислити зовнішню ширину та візуальне положення прямокутника …

204 svg offset rect

4

Чи потрібні такі параметри SVG, як "xmlns" та "version"?

Приблизно в половині прикладів svg, які я бачу в Інтернеті, код загортається в прості прості <svg></svg>теги. У другій половині теги svg мають безліч складних атрибутів на зразок цього: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> Моє запитання: чи нормально використовувати прості теги svg? Я спробував пограти зі складними, і все працює добре, якщо …

203 xml svg tags

4

SVG-позиціонування

У мене є гра зі SVG і у мене є кілька проблем з позиціонуванням. У мене є ряд форм, які містяться в gтезі групи. Я сподівався використати його як контейнер, тому я міг би встановити його х положення, і тоді всі елементи в цій групі також переміститься. Але це здається …

203 svg position grouping

8

Чи можу я змінити колір заливки до SVG шляху за допомогою CSS?

У мене є такий код: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>&nbsp; </span> Чи можливо змінити колір заповнення шляху SVG за допомогою CSS або якимось іншим способом, не змінюючи його всередині тегу шляху?

202 css svg

7

Як я можу видалити або замінити вміст SVG?

У мене є фрагмент коду JavaScript, який створює (використовуючи D3.js) svgелемент, який містить діаграму. Я хочу оновити графік на основі нових даних, що надходять від веб-сервісу за допомогою AJAX, проблема полягає в тому, що кожного разу, коли я натискаю кнопку оновлення, вона генерує нову svg, тому я хочу видалити стару …

200 javascript ajax svg d3.js

14

Додаток jquery не працює з елементом svg?

Якщо припустити це: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> Чому я нічого не бачу?

199 jquery html svg

13

Як обчислити шлях SVG для дуги (кола)

Враховуючи коло з центром у (200200), радіусом 25, як я намалюю дугу від 270 градусів до 135 градусів і ту, яка йде від 270 до 45 градусів? 0 градус означає, що він знаходиться прямо на осі x (праворуч) (тобто це 3-годинне положення годинника) 270 градусів означає, що це 12 годин, …

191 svg

5

SVG: текст всередині прямої

Я хочу показати текст у SVG rect. Це можливо? я намагався <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text> </rect> </g> </svg> Але це не працює.

180 text svg rect

10

Як розмістити і централізувати текст у прямокутнику SVG

У мене є такий прямокутник ... <rect x="0px" y="0px" width="60px" height="20px"/> Я хотів би зосередити слово "Художня література" всередині нього. На інших прямокутниках, чи не використовується текст SVG, щоб залишитися в них? Я, здається, не можу знайти нічого конкретно про вставку тексту у фігури, орієнтовані як по горизонталі, так і …

179 text svg

8

Включіть SVG (розміщений на GitHub) у MarkDown

Я знаю, що зображення може бути розміщене в MD з синтаксисом MD або, ![Alt text](/path/to/img.jpg)або ![Alt text](/path/to/img.jpg "Optional title"), але у мене виникають труднощі з розміщенням SVG в MD, де код розміщений на GitHub. Зрештою, використовую rails3 і часто змінюю модель прямо зараз, тому я використовую RailRoady для створення SVG …

173 svg github markdown

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