Публикации по теме 'svg'
Как использовать d3.js для рисования 2D-элементов SVG в приложении Angular?
В этом я объясню, как я использовал библиотеку d3.js для рисования 2D-фигур в моем проекте Angular.
D3.js — это обширная библиотека, используемая для привязки произвольных данных к объектной модели документа (DOM). Мы будем понимать основные варианты использования этой библиотеки, чтобы удовлетворить наши требования по рисованию 2D-элементов на холсте.
Начиная
Установка D3
Чтобы установить библиотеку d3 в ваше приложение, выполните следующую команду из консоли npm:
npm..
Рисуем Мандельброта с помощью мыши
Введение
Недавно я написал Визуализация уравнения Мандельброта , в котором описывалось, как увидеть итерации уравнения для фрактала Мандельброта.
Мне было интересно, какой будет результат, если я нарисую пиксель везде, где расходятся итерации.
Обучение
Мелкие вещи
Я подтвердил, что визуализация кажется правильной, она действительно расходится вне фрактала. Требуется много перетаскивать мышь, что скучно, прежде чем сформируется что-то узнаваемое. Вы быстро создаете множество..
Вопросы по теме 'svg'
Альтернативы SVG?
Я читал, пока гуглил, что SVG "мертв". Хотя я не согласен, может ли кто-нибудь рассказать мне больше / будущий векторный формат для представления 2d / 3d графики? А как насчет VML? Какой формат мне следует использовать для представления 2D- и...
07.11.2023
Как изменить аргумент svg ‹g transform=scale(X)› с помощью JavaScript?
Привет. Допустим, где-то на моей странице есть SVG-графика. Есть одна группа, которую я хотел бы перемасштабировать при срабатывании какого-либо события. Как мне это сделать? пример кода:
<svg onresize="getDivSize(evt)">
<g...
22.01.2024
Как программно изменить область просмотра svg?
Необходимо реализовать перемещение ВСЕХ изображений внутри svg объекта. Я планирую обрабатывать события мыши (вниз, перемещение, вверх) и изменять область просмотра svg (используя JavaScript +, возможно, jQuery).
Проблема для меня в том, что я не...
25.12.2023
SVG: как создать самонастраивающийся контейнер для текста
На самом деле это два связанных вопроса. Я хотел бы создать изображение страницы из блокнота с некоторым переменным текстом на нем в SVG.
Предоставляет ли SVG какие-либо встроенные возможности переноса текста или мне как-то нужно вычислять...
28.12.2023
SVG в PNG с помощью imagick
У меня есть svg, в который встроено несколько изображений. Что-то вроде:
<?xml version='1.0' encoding='UTF-8'?>
<svg
width="483" height="710"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">...
02.11.2023
Как сделать фон SVG растягивающимся, а не мозаичным?
У меня есть фон SVG, который я хочу использовать, и я не могу понять, как сделать так, чтобы он растягивался на всю страницу, не говоря уже о том, чтобы быть фоном. Может ли кто-нибудь помочь?
(Страницы W3Schools, как на SVG, так и на фоне, ничего...
05.01.2024
Градиенты CSS3 как SVG
На моей странице я использую много градиентов CSS3. Я хотел бы предоставить запасной вариант SVG для IE и Opera.
Создание запасных вариантов SVG для линейного градиента CSS3 довольно просто. Я использую следующий код:
<svg...
16.01.2024
Переход фильтра SVG в Firefox
Я пытаюсь перевести изображение из 50-процентного фильтра шкалы серого в состояние без фильтра при наведении курсора.
Однако переход не работает в Firefox. Можно ли запустить переход в firefox, используя только css?
img {
filter:...
19.01.2024
Отображение файла HTML с помощью SVG в WPF
Мне нужно отобразить файл HTML с SVG в моем приложении WPF (.net 4.5). пробовал следующие варианты
1) Использовался встроенный элемент управления веб-браузером — не работал, так как не поддерживает SVG.
2) Используется элемент управления...
29.12.2023
прямое обнаружение столкновений d3js
Я пытаюсь создать обнаружение столкновений в моем принудительном макете svg (d3js). Я следовал этому руководству, которое создает столкновение в форме круга.
По какой-то причине это не работает для прямой формы. Я пробовал играть с...
11.11.2023
Internet Explorer и clip-path
Насколько мне известно, clip-path должен работать в IE, как показано во многих статьях и этом руководстве Маскировка CSS
Однако я не могу заставить нижеприведенное правильно работать в IE, но оно отлично работает в Chrome.
.container {...
23.12.2023
cx, cy vs transform в svg и D3, в чем разница?
Я работаю над принудительным макетом и не могу понять, почему я пытаюсь переместить узлы через cx, cy не работает.
// This works
node.attr("transform", function(d) { return "translate(" + d.x + "," + d.
//This doesn't
node.attr("cx",...
29.10.2023
Маркер SVG масштабирует только одно измерение с шириной штриха
У меня есть линии SVG переменной толщины, и все они имеют маркер в виде стрелки в конце, как в этом скрипка . По умолчанию для markerUnits установлено значение strokeWidth , что масштабирует оба (!) Размера стрелки в соответствии с шириной штриха...
15.12.2023
встроенный svg не хочет растягиваться в ie11
Итак, у меня есть встроенный svg, который абсолютно расположен внутри контейнера. Я хочу, чтобы svg растягивался так, чтобы он заполнил весь контейнер.
Я установил соотношение сторон контейнера на что-то другое, чем соотношение svg, и расположил...
27.11.2023
Почему кривая пути SVG заполняется?
У меня есть элемент SVG path :
<path id="SvgjsPath1012" d="M97 267C100 106 400 100 400 250 "></path>
Он рисует для меня красивую кривую Безье, но форма заполнена. Он считает, что кривая должна быть замкнутым многоугольником....
29.10.2023
Как предотвратить выделение элементов SVG с помощью вкладок в IE11?
Среди элементов HTML-формы есть встроенный элемент SVG. Когда я перемещаюсь по своим элементам с помощью клавиши Tab, элемент SVG получает фокус только в IE11, даже если элемент SVG имеет атрибут tabindex="-1" , установленный для каждого элемента...
22.01.2024
как mathjax/katex отображают сложные формулы в Интернете?
Такие библиотеки, как mathjax и katex, могут отображать сложные формулы в Интернете без каких-либо плагинов. Есть информация как это реализовать?
Судя по моему ограниченному пониманию существующих шрифтов, формы шрифтов по существу фиксированы....
09.01.2024
D3js — добавить прозрачный разрыв между путями в круговой диаграмме
У меня есть простая круговая диаграмма, созданная с помощью d3js, и я хотел бы добавить прозрачный промежуток между каждым путем.
paths = pieWrap.selectAll("path")
.data(pie(data)).enter()
.append("path")...
23.12.2023
Как создать форму кротовины в CSS?
У меня есть запрос клиента на создание формы перевернутой кротовины под заголовком на их веб-сайте.
Пожалуйста, смотрите ниже. И я знаю, о чем вы думаете: «Черт возьми, у тебя потрясающие навыки рисования, пожалуйста, научи меня». Мой ответ на...
22.12.2023
Ионное изображение SVG медленно на iOS
Я разрабатываю приложение для iOS с использованием ionic, я использовал изображение svg и svg-pan-zoom, чтобы увеличить его и переместить вокруг него.
В моем браузере все работало хорошо, но на моем iPad «карта» была очень медленной, и требовалось...
16.12.2023
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально
Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение
Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования
Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv)
Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..