В настоящее время строит SVG-приложение на основе браузера. В этом приложении пользователь может стилизовать и позиционировать различные формы, включая прямоугольники. Когда я применяю a stroke-widthк rectэлементу SVG, скажем 1px, обводка применяется к rectсмещению и вставке по-разному в разных...
Примерно в половине примеров svg, которые я вижу в Интернете, код обернут в простые простые <svg></svg>теги. В другой половине теги svg имеют много сложных атрибутов, таких как: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> Мой...
Я играю с SVG и у меня есть несколько проблем с позиционированием. У меня есть ряд фигур, которые содержатся в gтеге группы. Я надеялся использовать его как контейнер, чтобы я мог установить его положение x, и тогда все элементы в этой группе также переместятся. Но это не представляется возможным....
У меня есть следующий код: <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"...
У меня есть фрагмент кода JavaScript, который создает (используя D3.js) svgэлемент, который содержит диаграмму. Я хочу обновить диаграмму на основе новых данных, поступающих из веб-службы, использующей AJAX, проблема в том, что каждый раз, когда я нажимаю на кнопку обновления, она генерирует...
Предполагая это: <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"/>'); });...
Учитывая окружность в центре (200 200), радиус 25, как мне нарисовать дугу от 270 градусов до 135 градусов и ту, которая идет от 270 до 45 градусов? 0 градусов означает, что он находится справа от оси x (справа) (что означает, что это 3 часа), 270 градусов означает, что это 12 часов, а 90 означает,...
Я хочу отобразить текст внутри 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 x="0px" y="0px" width="60px" height="20px"/> Я хотел бы сосредоточить слово «беллетристика» внутри него. Для других прямоугольников svg word wrap остается в них? Кажется, я не могу найти что-то конкретно о вставке текста в фигуры, которые...
Я знаю, что изображение может быть помещено в MD с синтаксисом MD либо, либо , но у меня возникают трудности с размещением SVG в MD, где код размещен на GitHub. В конечном итоге использую rails3 и часто меняю модель прямо...
Это обычный SVG MIME-тип: image/svg+xml И это прекрасно работает. Однако при встраивании шрифта SVG chrome сообщает, что тип mime неверен, очевидно, потому что вы возвращаете шрифт вместо изображения. Есть ли универсальный тип пантомимы? Хром не так? будет application/svg+xmlпринято как - то? Я...
Можно ли установить элемент background-imageSVG <path>? Например, если я устанавливаю элемент class="wall", стиль CSS .wall {fill: red;}работает, но .wall{background-image: url(wall.jpg)}не работает, ни то, ни другое .wall {background-color:...
Я нашел множество библиотек, чтобы использовать svg в Android и избежать создания разных разрешений и сбрасывать файлы для каждого разрешения, это становится очень раздражающим, когда в приложении много значков или изображений. Может ли кто-нибудь быть любезным, чтобы дать пошаговый процесс...
Кто-нибудь знает, как это можно сделать? Вы бы использовали объект canvas, svg, jQuery и т.
Итак, у меня есть файл SVG в HTML, и одна из вещей, о которых я слышал о формате, заключается в том, что он не получает все пиксели при его увеличении. Я знаю с jpeg или что-то еще, что я могу сохранить в виде значка 50 на 50, а затем отобразить его как (скорее пиксельный) миниатюру 100 на 100 (или...
Я боролся с этим некоторое время, и, похоже, нигде не могу найти ответ (который работает). У меня есть файл SVG, который выглядит так: <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g ... transform="translate(10.75,-308.96875)"...
Я использую круги 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>...
Является ли изображение SVG чисто векторным или мы можем объединить растровые изображения в изображение SVG? Как насчет преобразований, применяемых к растровым изображениям (перспектива, отображения и т. Д.)? Редактировать : Изображения могут быть включены в SVG по ссылке. См....
Короткий вопрос: используя путь SVG, мы можем нарисовать 99,99% круга, и он появляется, но если он равен 99,999999999% круга, то круг не будет отображаться. Как это можно исправить? Следующий путь SVG может нарисовать 99,99% круга: (попробуйте это на http://jsfiddle.net/DFhUF/1381/ и посмотрите,...
У меня есть объект SVG на моей HTML-странице, и я обертываю его в привязку, чтобы при нажатии на изображение svg пользователь переходил по ссылке привязки. <a href="http://www.google.com/"> <object data="mysvg.svg" type="image/svg+xml"> <span>Your browser doesn't support SVG...