Как сделать такой рейтинг или прогресс бар? я начал делать его на svg но как правильно его реализовать я не знаю.
нужно что бы это выглядело как прогресс бар, или что то наподобие рейтинга, который должен может кто знает как такое реализов…
Выдает ошибку когда пытаюсь вывести svg через плагин svgr/webpack
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
в зависимости плагин установлен,…
Выдает ошибку когда пытаюсь вывести svg через плагин svgr/webpack
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
в зависимости плагин установлен,…
Всем привет !
Есть такой код
<svg viewbox=”0 0 998.66669 632″>
<path data-text=”222″ data-photo=”/pubs/share/direct/508202351.jpg” data-title=”111″ class=”interactive__point” d=”m 296.1451,111.72287 21.67973,-21.39…
Всем привет !
Есть такой код
<svg viewbox=”0 0 998.66669 632″>
<path data-text=”222″ data-photo=”/pubs/share/direct/508202351.jpg” data-title=”111″ class=”interactive__point” d=”m 296.1451,111.72287 21.67973,-21.39…
В основном я хочу, чтобы круг менял цвет, когда ползунок перемещает его по флагу: зеленый на белом фоне, белый на зеленом прямоугольнике.
function move() {
let slider = document.querySelector(“#slider”);
let circle = document.query…
Всем добрый день
Встал такой вопрос о возможности получения координат для вставки в path не через сторонний софт (Illustrator/Inkscape) а напрямую в вебе.
Принцип такой: помещаем картинку в область, кликами по ней ловим координаты чтоб мож…
Я хотел бы получить элементы SVG для заданных координат.
Я пробовал использовать document.elementsFromPoint(x, y).
Однако он возвращает только основной элемент svg, а не под элементы (круги, пути и т.д .) внутри svg.
Как мне найти элементы…
У меня есть два круглых изображения. Верхнее изображение располагается абсолютно поверх нижнего изображения. Я показываю верхнее изображение с интервалом 25% с помощью клипа, и мне интересно, можно ли его анимировать, чтобы квадрант постеп…
<?xml version=”1.0″ encoding=”utf-8″?>
<!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.1//EN”
“http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”>
<svg version=”1.1″
baseProfile=”full”
xmlns=”http://www.w3.org/2000/sv…
Есть svg файл который загружается на сайт внутри object.
<div id="map">
<object
type="image/svg+xml"
data="/MapsemifinalmoddedV2.svg">
<img src="/MapsemifinalmoddedV2.svg">
&l…
Необходимо сделать подобный спидометр, но я мало работал с svg, поэтому прошу помощи) Будет достаточно хотя бы направления, куда копать, как гуглить. Может какие то ссылки на похожие примеры. Заранее благодарен!
…
Необходимо сделать подобный спидометр
,
но я мало работал с svg, поэтому прошу помощи) Будет достаточно хотя бы направления, куда копать, как гуглить. Может какие то ссылки на похожие примеры. Заранее благодарен!
…
Рисую фигуры в таком формате:
<?php
header (‘Content-Type: image/svg+xml’);
header (‘Content-Disposition: filename=example.svg’);
echo "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\&q…
<div style=”width:300px;overflow-x:scroll;”>
<svg viewBox=”0 0 500 200″ width=”500″ version=”1.1″>
<rect x = “0” y = “0” width = “500” height = “200” fill = “yellow” />
<rect x = “200” y = “50” width = “1…
Я более-менее новичок во всем этом. Я пытаюсь создать приложение с использованием SVG (я бы предпочел векторные фигуры, которые можно масштабировать без потери качества). Используя веб-технологии и позже перейдем на React-native.
Есть ли …
Была задумка сделать вращение круга, который по оси Z растягивался б на 20+ px (чтобы видно было толщину, как у ребра монеты), но как только я начал выставлять элементы по оси Z, элементы стали вращаться по совсем другой траектории. Как мо…
Внутри блока с фиксированной шириной и горизонтальной прокруткой внутри него, находится длинный горизонтально ориентированный SVG-объект, внутри которого есть несколько элементов rect (разноцветные прямоугольники). Задача – организовать пл…
const slides = document.querySelectorAll(‘.rect’);
slides.forEach((i) => {
if (i) {
const observer = new IntersectionObserver((entries) => {
observerCallback(entries, observer, i)
});
observer.observe(i);
}
…
Я пытаюсь анимировать SVG, как если бы он был записан, как в этом примере на Codepen.
И как я могу сделать свою собственную SVG-анимацию (например, в коде приведенном ниже) такими же, как в Codepen?
(Помимо замены идентификатора пути!)
…
Как сделать базу динамического интервала из координат возвращенных данных?
Я хочу, чтобы, если возвращаются только одно значение, они располагались посередине. Если возвращены несколько данных, он будет скорректирован и так далее.
var …
Кто-нибудь работал с графиками(Svg canvas)? Если да, то кто-то может подсказать, как сделать скролл в конец графика по нажатию определенной кнопки?(другими словами, передвижение к последний котировке ). Буду очень благодарен, если кто-то п…
Кто-нибудь работал с графиками(Svg canvas)? Если да, то кто-то может подсказать, как сделать скролл в конец графика по нажатию определенной кнопки?(другими словами, передвижение к последний котировке ). Буду очень благодарен, если кто-то п…
У меня есть круг и простая функция Math.cos(x)
Я хочу, чтобы круг был заполнен, когда он пересекается с этой функцией (заполнить только верхнюю сторону).
Но это у меня не работает.
Script:
// circle
var point1 = app.board.create(‘point…
У меня есть круг и простая функция Math.cos(x)
Я хочу, чтобы круг был заполнен, когда он пересекается с этой функцией (заполнить только верхнюю сторону).
Но это у меня не работает.
Script:
// circle
var point1 = app.board.create(‘point…
<object
type="image/svg+xml"
data="display.svg">
<script type="text/javascript">
function hop(name, evt) {
console.log(‘!!!’)
}
</script>
Или как инжектнуть скрипт в об…
Я использую стилизованные HR для создания разделителей секций.
Но теперь я пытаюсь создать элемент H1 с нижней границей меньше ширины H1 (переменная ширина в соответствии с шириной текста H1) и с более толстой чертой в середине (высотой).
…
Не получается реализовать якорную ссылку, как только не пробовал.
Есть страница https://gr-region.ru/cropproduction/
По центру расположен цветок, каждый лепесток ссылка на другую страницу, которую он при помощи ajax подгружает под цветком,…
Нужен API, не хочется писать самостоятельно, генератор svg из JPG. Желательно на С или java.
Строится кривая, состоящая из множества кубических Безье, следующих друг за другом. Пробую обеспечить отсутствие крутых поворотов со сверхмалым радиусом, изломов.
Для этого вычисляю угол, образующийся между условным последним отрезком (по …
Свежие комментарии