Search the Community
Showing results for tags 'SVG'.
-
Здравствуйте, пытаюсь сделать небольшой редактор. Сначала нажимается кнопка на html-странице, потом заполняется форма с параметрами графоэлемента (иконы), эти параметры считывает скрипт, передаёт их в другую функцию. Та формирует код HTML с тегом svg и вставляет в блок draw. В этом деле вообще начин...
-
делаю звездный рейтинг на svg на чистом css проблема в том что checked, svg почему то не закрашивается в нужный цвет Как решить эту проблему? https://codepen.io/anon/pen/zVNVRV?editors=1010
-
три состояния у SVG: закрасить svg (свойство fill не помогает)
yaparoff posted a question in HTML Coding
у svg должно быть три состояния обычное, при наведении, при нажатии думаю как это сделать Vне бы хотелось его вставить в html разметку, а не просто с помощью bsckground-position. Т.к. я хочу анимации при наведении (transition). И я могу менять цвет обводки с помощью css-свойства fill. Но ест... -
Привет. Подскажите как правильно объявить svg объект, чтобы он занял все свободного пространство экрана и при этом не "вылезал" вниз. Например у меня есть svg (большой код, т.к. в ней просто 17 одинаковых элементов, которые расположены по главной горизонтали): <svg xmlns="http://www.w3.org/2000/...
-
Привет. Подскажите пожалуйста, что нужно настроить в конфиге apache24, чтобы локальная страничка могла обрабатывать данные с любого места жесткого диска. Сейчас проблема в том, что я пытаюсь на страничке вызвать изображение (указываю полный путь), которое расположено, например, на флешке, но всегда...
-
Привет. Подскажите, пожалуйста, как в svg файле (<defs>...</defs>) указать цвета и цвета строк, которые могут использоваться в документе. Например градиент указывается так: <defs> <linearGradient id="linearGradientDefault"> <stop offset="0" stop-color="#808080" stop-opacity="1"/> <stop offse...
-
Привет. Подскажите, пожалуйста, почему данный код может не работать: var svgDoc; window.onload = function() { svgDoc = document.getElementById("switchid").contentDocument; } var switch_ = svgDoc.getElementById("switch"); switch_.onclick = function() { current_position = Number(switch_.ge...
-
Привет. Подскажите, пожалуйста, как растянуть svg на весь экран и возможно ли это вообще. Например, есть svg как в приложении (truba.svg), может быть ситуация, что таких svg будет несколько (естественно, объединенных в одну). svg на страничке отображаю следующим образом: <object id="svg...
-
Привет. Подскажите, пожалуйста в чем может быть проблема и, если это возможно, как ее решить. Суть в следующем. Есть одна html страница, на которой реализовано две вкладки. На каждой вкладке отдельном окне, обрамленном с помощью css размещена svg картинка для которой необходимо выполнять JS код. В H...
-
Всем привет, форумчане! Есть задача сделать вот такую штуку как на картинке, она должна быть 100% шириной по отношению к контенту, но ограниченной высотой, к примеру 60 пикселей. У меня уже есть решение которое я сделал https://jsfiddle.net/x5Lavn55/, но может имеется более элегантное и...
-
Решил анимировать иконки, нашел пример в интернете, скопировал в Safari Версия 11.0.2 (13604.4.7.1.3), в мобильных Safari и Chrome все отображается отлично но почему-то иконки неправильно отображаются в Chrome Mac (Версия 63.0.3239.132 (Официальная сборка), (64 бит), Chrmoe Windows и...
-
Здравствуйте! Проблема следующая: есть некий корпоративный портал (уже довольно древненький и написанный задолго до меня), с него есть обычная ссылка <a> на карту, которая открывается в новой вкладке. Карта нарисована как svg и вставлена непосредственно в саму страницу через тег <svg> (вновь о...
-
У меня в проекте используются медиа-изображения с помощью picture и source, изображения формата svg, нужно что бы при ховере менялись некоторые стили у svg-элемента .. Как это сделать? И возможно ли это в данном случае? Пробовал в каждом svg-файле прописовать ховеры, не работает .. Я так понял н...
-
Всем привет! Столкнулся с такой проблемой: как скачать элемент canvas в формате изображения .svg? Заранее спасибо!
-
Доброго времени суток. Возникло пару вопросов: - Пытаюсь конвертировать png в svg через вот этот сервис https://convertio.co/ru/png-svg/ . Картинка цветная, на выходе она получается черно-белая... так и должно быть? - А как данную картинку потом вставить, если правильно, что она полу...
-
Всем привет! И опять у меня проблемы с SVG. Как сделать, чтобы у буквы D был такой же фон как у контейнера? Т.е. D прозрачная, и фон у многоугольника на месте буквы тоже. Мучаюсь здесь
-
Всем привет! Первый раз сталкиваюсь с таким отображением в разных браузерах. Применяется bootstrap4 Далее на картинке: 1. В хроме все норм. Единственное, как сделать, чтобы линия прогресса в блке "our process" анимировалсь только один раз после перезагрузки страницу? 2. Лог...
-
Всем привет! Как сверстать такую секцию(см. изображение)? Сверстать нужно так, чтобы при скроллинге (используя, например waypoints) постепенно грани заливались красным цветом от step1 до step4 (анимация). Появилась одна идея, создать многоугольник из линий в svg. Другой идеи в голову не пришло....
-
Всем привет! Наткнулся на такой макет https://mega.nz/#!5XYwxYrK!CKPEpk5YklPP-_QThH67BoTQLVQfDvzt1cmVoO9hFRo На картинке проблемные элементы выделены синими стрелками: - листы с загнутыми уголками и тенями (Блоки с заголовками Documents и Photos) - иконки планшетов с тенями...
-
Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Есть два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Hаботает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как ....
-
Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Описываю проделанные мною два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Работает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. В...
-
Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!
-
Мы – студия «Элемент». Ищем верстальщика для постоянного сотрудничества, который не боится, умеет и любит верстать проекты сложнее среднего. Работа проектная, но проекты идут часто (каждый месяц 1-2, иногда даже 3 проекта). Кратко о нас: Располагаемся в Рязани. Работаем с 2008 года. У нас в к...
-
Добрый день, Как считаете как лучше реализовать эту рамку? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо!
-
Нужна помощь! Начал разбираться со свойством 'clip-path'. Оно пока мало поддерживается браузерами. Полноценно только -webkit-браузерами. Поддержка Firefox имеется, но только через "external-link" - clip-path: url(#foo) и описании svg в html. У меня возникла проблема реализации именно последним...
