Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.02.2021, 14:43
Профессор
Отправить личное сообщение для torsar Посмотреть профиль Найти все сообщения от torsar
 
Регистрация: 06.01.2012
Сообщений: 344

svg - почему нету заливки?
Нарисовал на svg такое:
https://jsfiddle.net/62yp08v5/

Почему не работает fill?
(втрой элемент path)
Ответить с цитированием
  #2 (permalink)  
Старый 21.02.2021, 17:08
Профессор
Отправить личное сообщение для torsar Посмотреть профиль Найти все сообщения от torsar
 
Регистрация: 06.01.2012
Сообщений: 344

Рисую фигуру 2-мя <path>,
потому что к первой части фигуры (кривая) нужно применять тень.
А к второй части тень не нужна.
Когда я рисую вторую часть фигуры (polyline) и заливаю ее получается такая хрень:
https://jsfiddle.net/16ow4us9/

Как мне залить фигуру нарисованную 2-мя path, как сдесь:
https://jsfiddle.net/62yp08v5/
Ответить с цитированием
  #3 (permalink)  
Старый 21.02.2021, 22:16
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 1,101

<svg id="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1140 87" style="width: 1140px; height: 87px;">
  <defs>
    <filter id="shadow">
      <feDropShadow dx="5p" dy="5" stdDeviation="3"/>
    </filter>
  </defs>
  <path d="M 0 60 C 0 60 283 87 427 43.5 C 427 43.5 855 -60 1143 60 L 1143 0 0 0 Z" 
  style="stroke:red;fill:red;filter:url(#shadow);" />
 </svg>


filter: drop-shadow - работает только с <image>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Создание SVG элемента и вставка на страницу FINoM Events/DOM/Window 3 13.09.2015 16:47
Зуммирование и панорамирование Svg файлов с помощью Ajax Lianik AJAX и COMET 0 16.04.2011 14:07
Простой графический движок: SVG vs Canvas stryaponoff Общие вопросы Javascript 5 29.06.2010 15:59
svg. обработка событий amigo* Элементы интерфейса 0 23.06.2010 21:31
svg поверх google map с использованием raphael amigo* Элементы интерфейса 1 16.06.2010 16:29