Результаты поиска по запросу "svg"

1 ответ

Можно ли изменить стили SVG (включены как элемент <img>) из внешнего CSS?

Все решения, которые я могу найти, описывают грязные хаки с заменой<img> элемент со встроенным SVG, или встраивание CSS прямо в SVG. Оба меня не устраивают. Что мне нужно: возможность менять стили (fill в частности) изображения SVG, включенного ...

2 ответа

Я закончил тем, что использовал это, чтобы смоделировать выравнивание в текстовом элементе абзаца, который содержит несколько строк, которые являются tspans. Используя ширину каждого из них, тогда можно было выравнивать по левому краю и выравнивать по центру все промежутки, изменяя их значение x по отношению к предыдущему значению tspan выше. Для выравнивания по левому краю обычно нужно ничего не делать, но если по какой-то причине они еще не все выровнены по левому краю, установка всех значений x в 0 делает это и является самым простым делом.

аюсь получить визуализированную ширинуtspan элемент (расположен внутриtext элемент) в SVG. Это моя разметка: <text> <tspan>Value 1</tspan> <tspan>Value 2</tspan> </text>Визуально, я хочу, чтобы значение 1 плавало влево, а значение 2 - вправо, ...

6 ответов

Как создать аллигаторную (или пилообразную) границу с помощью CSS или SVG?

аллигатор не может быть правильным словом; Я приветствую исправление в названии. Я хотел бы иметь контейнераллигатор границы, как на картинке ниже. Если у рассматриваемого элемента был сплошной фон, то трюк с псевдоэлементом ...

ТОП публикаций

2 ответа

Я гуглил, эта страница была первой ссылкой на то, что я действительно имел в виду, ммм, спасибо @balexandre

ользую превосходный пользовательский интерфейс JQuery для «сопоставления», чтобы пользователь мог «сопоставить» людей из одной программы с людьми из другой программы. используя этот простой JQuery: $(document).ready(function() { $("div ...

2 ответа

Просто стоит отметить, что последняя ссылка выглядит так, как будто она больше не работает

ли в SVG, используя какой-либо метод, вызвать даже если два конкретных элемента соприкасаются? Или я должен был бы написать длинный путь и выяснить, касаются ли их границы сложной математики?

1 ответ

Я не могу не согласиться с этим, потому что я не знаю лучше, но я просто говорю, что другой работает для меня. Просто две вещи, которые меня озадачивают. 1) если я установлю переменную circle в document.getElementsByTagName ("circle") [0], как вы делали в своей, и использую это вместо получения элемента каждый раз, это не работает. И 2) если я использую код с прямоугольником и заменяю cx и cy на x и y, это не сработает. Но по какой-то странной причине это происходит, если я получаю cx и cy, но редактирую x и y.

аюсь создать интерактивный код SVG с помощью JavaScript, встраивая JavaScript в SVG. Я не знаю, если это правильный способ сделать это: <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" ...

1 ответ

где-то еще, но это когда-нибудь сгладится.

odepenи в нижней части этого вопроса фактический код. Хотя код отлично работает в Chrome, по некоторым причинам [https://codepen.io/tOkyO1/pen/maNbWQ]элементы вimage элемент не загружается в Firefox. Я проверил это на версиях Firefoxsvg ...

6 ответов

https://gist.github.com/Caged/4649511

ерирую HTML из источника Docbook, используя SVG для изображений (преобразованный из MathML). Это отлично работает для некоторых браузеров, которые могут интерпретировать SVG, но не для других. Что мне действительно нужно, так это добавить шаг ...

1 ответ

Вот решение с CSS-анимацией, которое также будет работать с браузерами Microsoft:

ользую изображение SVG в своем HTML и хочу, чтобы оно появилось. Пока здесь ничего сложного. Но что мне нужно, так это то, что на изображении не везде одинаковое изображение. Я хочу, чтобы постепенный переход начинался сверху, затем следуйте по ...

1 ответ

 (для Photoshop CS3 или более поздней версии), используется для преобразования файла пользовательских фигур (.csh) или файла пользовательских настроек фигур (CustomShapes.psp) в набор файлов SVG.

ли способ получить строку пути SVG из пользовательской фигуры или пути Photoshop? Или есть другой способ получить / построить аналогичные данные? Я хочу сделать что-то похожее на это: http://raphaeljs.com/icons/ [http://raphaeljs.com/icons/]