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

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


2
Додайте елемент SVG до існуючого SVG за допомогою DOM
У мене є конструкція HTML, яка нагадує такий код: <div id='intro'> <svg> //draw some svg elements <svg> </div> Я хочу мати можливість додавати деякі елементи до SVG, визначеного вище, за допомогою javascript та DOM. Як би я це зробив? Я думав про це var svg1=document.getElementById('intro').getElementsByTagName('svg'); svg1[0].appendChild(element);//element like <line>, <circle> Я …
79 javascript  html  dom  svg 

5
Доступність: рекомендований текст альтернативного тексту для SVG та MathML?
Огляд HTML5 тепер дозволяє <svg> і <math>розмічати за допомогою документа HTML, не залежно від зовнішніх просторів імен (гідний огляд тут ). Обидва мають свої altаналоги-атрибути (див. Нижче), які сьогодні ігноруються сучасним програмним забезпеченням для зчитування з екрана. Таким чином, ці елементи недоступні для незрячих користувачів. Чи планується впровадження стандартної конвенції …

1
Як застосувати колір до елемента тексту SVG
Гаразд ... Я з'їжджаю сюди. Я почав експериментувати з SVG. Робота з SVG та застосування до нього класів CSS працює як шарм. Я просто не можу зрозуміти, що я роблю неправильно, але я просто не можу змусити клас працювати над текстовим елементом svg. Я розібрав його до кінця, і ось …
79 html  css  text  svg 

1
Як я можу зберегти код svg як зображення .svg? [зачинено]
Важко сказати, про що тут питають. Це питання неоднозначне, розпливчасте, неповне, надто широке або риторичне, і на нього не можна обґрунтовано відповісти у його нинішній формі. Щоб отримати допомогу щодо роз’яснення цього питання з метою його відновлення, відвідайте довідковий центр . Закрито 8 років тому . Як я міг зберегти …
79 svg 

16
Як зберегти SVG-полотно в локальній файловій системі
Чи є спосіб дозволити користувачеві, після того як він створив векторний графік на полотні svg javascript за допомогою браузера, завантажити цей файл до своєї локальної файлової системи? SVG - це абсолютно нове поле для мене, тому будьте терплячі, якщо моє формулювання не є точним.

10
Розмір фону з SVG, сплюсованим в IE9-10
У мене є набір div з фоновим зображенням: <div>Play Video</div> з наступним CSS: div { background-image: url('icon.png'); background-image: url('icon.svg'), none; background-size: 40px 40px; background-repeat: no-repeat; background-position: 90% 50%; padding: 20px; width: 150px; } Розмір фону дотримується у Firefox, Safari та Chrome. У IE8 SVG замінено файлом PNG. Однак у IE9 …

4
як намалювати сітку за допомогою html5 та (canvas або svg)
Я хочу намалювати сітку, як показано на зображенні, але я абсолютно не знаю, з чого мені починати. Чи слід використовувати SVG, чи слід використовувати Canvas з HTML5 та як його малювати. Будь ласка, керівництво щодо цього. Я хочу, щоб ця сітка намалювала на ньому прямокутник, коло чи інші діаграми, і …
78 html  svg  html5-canvas 


8
Зміна кольору зображення SVG за допомогою JavaScript
Я намагаюся змінити кольори зображення svg за допомогою JavaScript. Чи можливо це? Чи можу я завантажити його як об'єкт, а потім якось отримати доступ до даних кольору / зображення. Кожна відповідь чи підказка дуже вдячні!
78 javascript  svg 

3
Snap.svg проти Svg.js [закрито]
Закрито . Це питання ґрунтується на думках . Наразі відповіді не приймаються. Хочете покращити це питання? Оновіть питання, щоб на нього можна було відповісти фактами та цитатами, відредагувавши цю публікацію . Закрито 6 років тому . Удосконалюйте це питання Я спробував знайти відповідну бібліотеку SVG для сучасних браузерів. Моя мета …

11
Простий шаблон заповнення в svg: діагональне штрихування
Як би я заповнив форму SVG не одним кольором, зображенням чи градієнтом, а малюнком штрихування, діагональним, якщо це можливо. Минуло 2 години, а я нічого не знайшов (принаймні після 2005 року). Я вважаю, що можливим злому буде штрихований PNG, який буде служити заповненням, але це не ідеально.
77 svg 

12
Які найкращі практики використання піктограм SVG на Android?
Я збираюся створити свій перший рідний додаток для Android (отже, не на основі браузера) і шукатиму кілька практичних методів створення / надання іконок. Оскільки він повинен підтримувати кілька пристроїв / роздільної здатності, я вважав, що найкраще використовувати SVG для їх створення. Існує принаймні ця бібліотека: http://code.google.com/p/svg-android/, яка обіцяє запропонувати підтримку …
75 android  svg  icons 

6
Малювання стрілок над HTML
У мене є HTML-таблиця, і я хочу намалювати стрілку від однієї комірки до іншої комірки. Наприклад так: Як це можна було зробити? Приклад HTML: <html> <body> <table> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td id="end">9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td id="start">0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> </body> </html> Якщо змінити розмір браузера, стрілка повинна залишатися на (новому) …
13 javascript  html  svg 

2
Android сплеск екрану VectorDravable
Я хочу показати VectorDravable на своєму екрані <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@android:color/white" android:gravity="fill" /> <item android:drawable="@drawable/splash_screen" android:gravity="bottom|center" /> </layer-list> Мій SVG має android:width="320dp"іandroid:height="238dp" <vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="320dp" android:height="238dp" android:viewportWidth="320" android:viewportHeight="238"> <group> <clip-path android:pathData="M0,0h320v238h-320z M 0,0"/> <path android:pathData="M0,143.311a160,4.476 0,1 0,320 0a160,4.476 0,1 0,-320 0z" android:fillColor="#E6E6E6"/> <path android:pathData="M245.269,94.815C245.067,94.818 244.865,94.821 244.66,94.821C244.455,94.821 244.253,94.818 …

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