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

Це звичайний тип mime SVG: image/svg+xml І це чудово працює. Однак при вставці шрифту SVG, chrome повідомляє вам, що тип mime невірний, очевидно, тому що ви повертаєте шрифт замість зображення. Чи є універсальний тип міми? помиляється хром? буде application/svg+xmlприйнято як - то? Я думаю, це все ще сіра зона в …

168 html  svg  font-face  mime-types 

Чи можна встановити background-imageдля <path>елемента SVG ? Наприклад, якщо я встановив елемент class="wall", стиль CSS .wall {fill: red;}працює, але .wall{background-image: url(wall.jpg)}ні, ні .wall {background-color: red;}.

166 html  css  image  svg  background-image 

Хтось знає, як це можна зробити? Чи використовуєте ви об'єкт полотна, svg, jQuery тощо?

165 ipad  html  canvas  svg 

Я знайшов безліч бібліотек для того, щоб використовувати svg в Android і уникнути розчарувального створення різних дозволів і видалення файлів для кожної роздільної здатності, це стає дуже прикро, коли у додатку є багато піктограм або зображень. Хтось може бути люб’язним, щоб надати покроковий процес найпростішої у використанні бібліотеки для використання …

165 android  svg  androidsvg 

Отже, у мене є файл SVG в HTML, і одне з речей, які я чув про формат, - це те, що він не отримує всіх пікселів, коли збільшуєш його. Я знаю, що в jpeg або що б я не міг його зберігати як значок 50 на 50, а потім насправді …

157 html  svg 

Я певний час боровся з цим і, здається, ніде не можу знайти відповіді. У мене є файл SVG, який виглядає приблизно так: <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g ... transform="translate(10.75,-308.96875)" style="..."> <path inkscape:connector-curvature="0" d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 3.5625,-3.53125 1.41733,-0.70866 2.11392,-0.70867 3.53125,0 1.41732,0.70866 ... z" …

155 svg  transform  inkscape 

Я використовую круги svg у своєму проекті так, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> І я використовую z-індекс у gтезі, щоб першими показати елементи. У своєму проекті мені потрібно …

154 javascript  jquery  svg  z-index 

Це зображення SVG суто векторіальне чи ми можемо поєднати растрові зображення у SVG-зображення? Як щодо перетворень, застосованих до растрових зображень (перспектива, відображення тощо)? Редагувати : зображення можуть бути включені в SVG за посиланням. Дивіться http://www.w3.org/TR/SVG/struct.html#ImageElement . Моє запитання було насправді, якщо растрові зображення можуть бути включені всередині svg, щоб зображення …

147 image  svg  bitmapimage 

Коротке запитання: використовуючи шлях SVG, ми можемо намалювати 99,99% кола, і воно з’явиться, але коли це 99,99999999% кола, то коло не з’явиться. Як це можна виправити? Наступний шлях SVG може намалювати 99,99% кола: (спробуйте його на http://jsfiddle.net/DFhUF/1381/) і подивіться, чи бачите ви 4 дуги або лише 2 дуги, але зауважте, …

146 svg  geometry  drawing  vml  geometric-arc 

Я маю об’єкт SVG на своїй HTML-сторінці і загортаю його у якір, тому при натисканні на зображення SVG користувач переводить користувача на посилання на якір. <a href="http://www.google.com/"> <object data="mysvg.svg" type="image/svg+xml"> <span>Your browser doesn't support SVG images</span> </object> </a> Коли я використовую цей блок коду, натискання об’єкта svg не переносить мене …

143 html  object  svg  anchor 

Скажімо, у мене файл SVG: <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size: 60px">a</text> </svg> Я хочу якось вирівняти верх aі b. Власне, я хочу, щоб моє позиціонування було rooflineзамість цього baseline!

142 svg  vertical-alignment  w3c 

Я люблю шрифт значка Font Awesome і хочу використовувати його для більшості піктограм на моєму сайті, але є кілька спеціальних іконок svg, які мені знадобляться на додаток до запропонованого. Я помітив, що .svg версія Font Awesome складається з цих <glyph />елементів: ... <glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 …

138 svg  webfonts  font-awesome 

Я хотів би встановити колір тла за замовчуванням для всього документа SVG, наприклад, червоний. <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> Наведене вище рішення працює, але фонова властивість атрибуту style, на жаль, не є стандартною: http://www.w3.org/TR/SVG/styling.html#SVGStylingProperties , і тому його видаляють під час очищення за допомогою SVG Очисник. …

134 svg 

Чи існує спосіб за замовчуванням намалювати файл SVG на полотні HTML5? Google Chrome підтримує завантаження SVG як зображення (та просто використання drawImage), але консоль розробника попереджає про це resource interpreted as image but transferred with MIME type image/svg+xml. Я знаю, що можливо було б перетворити SVG в канви (наприклад, у …

131 html  canvas  svg 

Я хочу використовувати логотип SVG для веб-сайту, щоб він чудово виглядав на чуйному дизайні для всіх пристроїв. Але оскільки є проблеми , я хочу підтримувати якомога більше пристроїв та браузерів. Швидкість завантаження також є важливою увагою. Як налаштування експорту в Adobe Illustrator вписуються у все це? У Illustrator є кілька …

128 html  css  image  svg  adobe-illustrator