Публикации по теме 'svg'
Гипнотические тексты с JavaScript
Маленькие шедевры JavaScript — Эпизод 4
Добро пожаловать на четвертую встречу из серии «Маленькие шедевры JavaScript». Как вы, возможно, уже знаете, я беру пример с некоторых замечательных работ, проделанных программистами со всего мира (которые можно найти в основном на codepen.io), чтобы представить их на всеобщее обозрение и воспользоваться возможностью, чтобы проанализировать их и изучить новый JavaScript и CSS. методы.
На этот раз я имею дело с некоторыми творческими..
Релиз billboard.js 1.7.0 !!
Наконец-то до конца года вышел еще один новый релиз :)
Этот выпуск включает 5 новых функций, которые могут вам понравиться, и 18 исправлений ошибок.
Для получения подробной информации о выпуске ознакомьтесь с примечанием к выпуску: https://github.com/naver/billboard.js/releases/tag/1.7.0
Что нового?
Мульти-оси
Поддержка нескольких осей - одна из основных функций, добавленных в этот выпуск.
До сих пор оси могли быть представлены только для каждой стороны (x, y и y2), но с..
Вопросы по теме 'svg'
синтаксический анализатор матрицы преобразования SVG
объяснение проблемы: преобразование = "матрица (cos (a), sin (a), -sin (a), cos (a), -x1cos (a) + y1sin (a) + x2, -x1sin (a) -y1cos ( a) + y2) "можно увидеть 7.4 преобразования системы координат для решения: в моей работе я должен решить, чтобы...
01.04.2024
Разложение матрицы Svg
В svg у нас есть метод element.getCTM() , который возвращает SVGMatrix как:
[a c e][b d f][0 0 1]
Я хочу рассчитать sx , sy и угол поворота из этой матрицы.
14.05.2024
Есть идеи, почему шаблонный SVG-файл отображается пустым в браузере?
У меня есть файл svg, который я создал в Illustrator и состоит из шаблона, созданного с помощью инструмента Swatch. Когда я пытаюсь загрузить его локально, в браузере он отображается пустым.
Вот файл, если вы хотите его протестировать:...
08.05.2024
Элементы HTML следуют друг за другом по пути SVG с помощью javascript
Я пытаюсь заставить несколько элементов html следовать друг за другом по пути SVG. Я хотел бы, чтобы они оставались на одинаковом расстоянии друг от друга, когда они идут по пути. Я также хотел бы, чтобы изображение SVG масштабировалось до...
20.05.2024
Обнаружение поддержки браузером CSS-анимированного SVG
Я играюсь с CSS -анимированными SVG элементами и столкнулся с проблемой, что хотя все технологии, которые используются, поддерживаются некоторыми браузерами, комбинация не работает, т.е. CSS -анимированные DIV работают, а SVG элементы не...
09.06.2024
IE10/IE11 не отображает символы Юникода внутри SVG
Я использую D3.js для отображения символа Юникода внутри SVG, как показано ниже.
g.append("text")
.html("➤");
Это отлично работает в Firefox и Chrome, но ничего не отображает в IE10/11.
Есть ли обходной путь для этого?
30.03.2024
Изображение/SVG изменить цвет?
Итак, я что-то разрабатывал и решил использовать SVG. Тем не менее, для моего приложения есть несколько тем, могу ли я изменить цвет SVG, например, белый, на черный, через css? Я не смотрю на фильтрацию, так как не могу применить, поэтому все...
27.03.2024
Захват событий мыши на элементе SVG в объекте, а также на его родительском контейнере div
Я столкнулся со странной проблемой с загруженным файлом SVG в HTML. Я привязываю события щелчка к определенным элементам в файле SVG, и это работает нормально. Но мне также нужно прикрепить события мыши и касания к родительскому div. Кажется, что...
24.04.2024
Сдвиньте заливку svg вниз при наведении
У меня есть svg, я хочу заполнить фон при наведении и заставить его скользить вниз, я сделал эффект наведения, но я не могу заставить заливку скользить вниз при наведении, как я могу это сделать? вот мой код:
svg:hover{
fill: #080;
}
я...
28.03.2024
Использование внешнего и внутреннего пути для значка материала SVG
Я хочу использовать SVG-изображение из Material Icon здесь: https://material.io/icons/#ic_favorite и здесь https://material.io/icons/#ic_favorite_border
Моя цель состоит в том, чтобы объединить два пути SVG, чтобы я мог показывать сердечную...
30.05.2024
Повернуть svg-путь по кругу
Я хочу повернуть многоугольник вокруг круга. Я хочу зафиксировать начальную точку многоугольника в центре круга следующим образом: http://www.enspiregroup.com . Я много пробовал, но застрял.
См. код ниже.
CSS и HTML5...
25.03.2024
Центрировать объект SVG на адаптивном холсте
Холст SVG настроен так, чтобы подстраиваться под окно браузера и всегда заполняться на 100 % по горизонтали и вертикали. Я хочу, чтобы синий куб всегда находился в нижней центральной части окна, а также оставался одного размера.
Есть ли способ...
28.03.2024
Как нарисовать прямоугольник с закругленными углами в React Native ART
Я использую библиотеку react-native ART для рисования масштабируемых векторных элементов в своем мобильном приложении, ART — идеальная библиотека, поскольку ее можно легко анимировать и трансформировать с помощью собственных инструментов. Но...
19.04.2024
Значок центрирования внутри круговой диаграммы SVG
Я пытаюсь поместить значок внутри кругового графика SVG, чтобы он отображался следующим образом: SVG пример графика .
Что бы я ни делал, всегда есть небольшой зазор между одной стороной внутреннего значка и путем SVG, который отображается как...
21.05.2024
Новые материалы
Освоение информационного поиска: создание интеллектуальных поисковых систем (глава 1)
Глава 1. Поиск по ключевым словам: основы информационного поиска
Справочная глава: «Оценка моделей поиска информации: подробное руководство по показателям производительности » Глава 1: «Поиск..
Фишинг — Упаковано и зашифровано
Будучи старшим ИТ-специалистом в небольшой фирме, я могу делать много разных вещей. Одна из этих вещей: специалист по кибербезопасности. Мне нравится это делать, потому что в настоящее время я..
ВЫ РЕГРЕСС ЭТО?
Чтобы понять, когда использовать регрессионный анализ, мы должны сначала понять, что именно он делает. Вот простой ответ, который появляется, когда вы используете Google:
Регрессионный..
Не зря же это называют интеллектом
Стек — C#, Oracle
Опыт — 4 года
Работа — Разведывательный корпус
Мне пора служить
Может быть, я немного приукрашиваю себя, но там, где я живу, есть обязательная военная служба на 3..
LeetCode Проблема 41. Первый пропущенный положительный результат
LeetCode Проблема 41. Первый пропущенный положительный результат
Учитывая несортированный массив целых чисел, найдите наименьшее пропущенное положительное целое число.
Пример 1:
Input:..
Расистский и сексистский робот, обученный в Интернете
Его ИИ основан на предвзятых данных, которые создают предрассудки.
Он словно переходит из одного эпизода в другой из серии Черное зеркало , а вместо этого представляет собой хронику..
Управление состоянием в микрофронтендах
Стратегии бесперебойного сотрудничества
Микро-фронтенды — это быстро растущая тенденция в сфере фронтенда, гарантирующая, что удовольствие не ограничивается исключительно бэкэнд-системами..