Есть работа фильтров SVG и последующая анимация через JS. Настраиваю feTurbulence, передаю на вход feDisplacementMap, но получаю довольно "жесткий" результат – границы эффекта угловатые, не сглаженные.
const SCALE_MAX = 1;
co…
Есть кнопка с лупой (рядом с полем ввода Поиск по товарам) как на
Привожу код
.close {
margin-top: -14px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
font-size: 24px;
cursor…
Делаю примитивную анимацию волны. Но столкнулся с проблемой. Первая кривая Безье не согласуется с последующими, из-за этого пришлось спрятать этот участок за холстом.
Как можно упростить анимацию, ведь сейчас каждый раз создается новый пут…
Я составил SVG и опробовал некие манипуляции свойства fill через JS.
Есть три круга. Первый имеет собственный атрибут fill, второй имеет значение none, а третий – наследует свойство от <svg>(?).
В JS пробую манипуляции.
Сначала прис…
Попробовал сделать небольшую игру в SVG под контролем JS. Однако столкнулся с проблемой: как ввести и повторно использовать в коде SVG переменные? Здесь для определения ширины и высоты <svg>, начальной позиции "шаровой молнии&qu…
Пытаюсь получить ширину SVG.
svg.getBBox().width() –> 40 ??? Нашел ширину круга без учета stroke???
svg.width –> Сложный объект, в котором нахожу свойство animVal и baseVal, содержащих свойство value: 300
svg.width.animVal.value…
Есть canvas, на котором отрисован текст. Холст перерисовывается согласно requestAnimationFrame(), при этом в каждом кадре увеличивается масштаб. Проблема: текст отрисовывается каждый раз как будто в разным местах, со смещением, получается,…
По исходным данным я должен построить следующую диаграмму:
Основная проблема сейчас – Многоугольник с двойными границами. Я пробовал тени и двойные полигоны, это не работает. Любая идея?
Я использовал следующий код для создания точек для …
Wordpress.
Не могу понять, как выводить svg из папки, которые будут равны mimetype документов.
Мне не нужен плагин, хотел бы чистый php увидеть.
Причем суть в том, что каждый файл подписан под определенный mimetype и соответственно выбор…
Есть карта страны в виде SVG.
Я размещаю ее внутри блока размером 500х400 пикселей, вот так:
<div class="map"><svg>…</svg></div>
Проблема в том, что сама карта 800х700 пикселей, и мне нужно чтобы она и…
Я создаю таблицу, которая должна отображать данные приемлимым образом. И не занимать ширину 100%, если она не нужна.
Проблема в том, что в одном столбце я использую линейную диаграмму, и когда я строю эту диаграмму с помощью div, она работ…
Всем добрый день, на этапе верстки столкнулся с одной проблемой, на которую не нашел не одного ответа. Очень много просерфил, но так и не понял. Из этого стоит понимать что у меня очень плохая связь с clip-path и svg (предполагаю что нужно…
Нужна верстка круга с пустотой внутри и элементами вокруг данного круга. С ними в будущем нужно будет взаимодействовать. Ломаю голову уже около 40 минут, clip-path не помогает. При наведении каждый элемент должен подсвечиваться красным. Ка…
У меня есть SVG-анимация, подобная этой:
function startAnimation() {
document.querySelector(‘#anim-width’).beginElement();
}
<svg width=”100″ viewBox=”0 0 100 100″>
<rect id=”box” x=”10″ y=”10″ fill=”red” width=”10″ heigh…
Когда я пытаюсь нарисовать фигуру с помощью svg, углы выглядят не острыми, как ожидалось!
Правый угол выглядит потрясающе, но два других не выглядят острыми!
Я использую d3.js, чтобы нарисовать его!
var width = 600
var height = 600
…
Есть картинка, к ней прописаны через map>area координаты мест для кликов.
Вопрос: можно ли эти места как-то подсвечивать при наведении на них мышкой? Форма подсветки может быть простой (в виде квадрата) или более сложной (что-то вроде t…
Я пытаюсь создать эффект анимации glitch изображения.
Я использую слои с режимами смешивания и обрезки контуров.
А как я могу вырезать часть основного изображения?
Так как я хочу добиться эффекта смещения кусочка картинки, то
основным фоно…
Нужно преобразовать json в svg на javascript. Не нашёл таких методов чтобы это было возможно…
Есть карта отрисованная при помощи D3.js
На карте есть точки отрисованные таким образом:
const point = g.selectAll(“circle”)
.data(places).enter()
.append(“circle”)
.on(“click”, clicked)
.attr(“cx”, function (d)…
как сделать что бы при нажатии на слово,оно плавно перемещалось над полоской. И так все остальные слова. Потом я нажимаю на "проверить" и если не правильно,то выдается ошибка,если правильно то выдается сообщение "верно"…
как сделать что бы при нажатии на слово,оно плавно перемещалось над полоской. И так все остальные слова. Потом я нажимаю на "проверить" и если не правильно,то выдается ошибка,если правильно то выдается сообщение "верно"…
<a xlink:href="./thv8ew.php?82=17821"><path …</path></a>
А должно быть ./thview.php?id=17821 . Что за крякозябрство?
$thanka1->Draw(false,[‘href_template’=>’./thview.php?id=%$id%’]);
это конечно не…
У меня есть карта, на которой точками отмечены координаты. Координаты — это города, между которыми проложен путь (SVG path):
Также у меня есть HTML страница с текстом. Вот полный ее код, включая SVG элемент, который содержит пять отдельны…
Надо в атрибут d тэга path дописать новые координаты что-бы предидущие не потерялись.
for(i=0;i<vd.length;i++){
cnv=312/60000;
strtR=vd.start(i)*cnv;
endR=vd.end(i)*cnv;
pathTag.setAttribute(‘d’,pathTag.getAttribute(‘d’)+’M’+strtR+’,1…
У меня есть изображение автомобиля, нарисованное средствами SVG:
<svg id=”svg” viewBox=”0 0 1500 1000″>
<!–Автомобиль–>
<g id=”car”>
<!–Зеркала–>
<path d=”M371 88l-31-77c-3-6-9-11-17-11h-23l35 88zm…
Итак, я пытаюсь выяснить, как выбрать одну часть изображения JPG / SVG (я использую SVG) и поместить выборочную палитру, чтобы с её помощью изменить каждую часть изображения другим цветом.
Я искал, но не нашел подходящего решения.
У меня …
На Figma поступил вот такой дизайн спидометра.
Чем выше скорость автомобиля, тем больше по кругу должна заполняться желтая полоска.
Подскажите пожалуйста, как это можно сверстать.
Интересует именно то, как заполнять серую полоску желтым цв…
На Figma поступил вот такой дизайн спидометра.
Чем выше скорость автомобиля, тем больше по кругу должна заполняться желтая полоска.
Подскажите пожалуйста, как это можно сверстать.
Интересует именно то, как заполнять серую полоску желтым цв…
На Figma поступил вот такой дизайн спидометра.
Чем выше скорость автомобиля, тем больше по кругу должна заполняться желтая полоска.
Подскажите пожалуйста, как это можно сверстать.
Интересует именно то, как заполнять серую полоску желтым цв…
На странице есть svg-шка. Есть скрипт
$( document ).ready(function() {
$(‘.thanka .th_item’).on(‘click’, function(e){
var tnid = e.target.getAttribute(‘tnid’);
…
$(‘.tbl_one_item’).removeClass(‘selected_n…
Свежие комментарии