Википедия:SVG помощь

Помощь

Если у вас есть сложный файл SVG с проблемой, которая не описана, или вы не можете понять, о чем говорилось в предыдущем разделе, вы можете просто попросить о помощи, разместив короткую заметку ниже , в которой описывается проблема, а также предоставив ссылки на файлы, в которых проявляются эти проблемы. Не забудьте подписать свое имя четырьмя символами тильды (~~~~), и редактор попытается ответить здесь, чтобы помочь!

Когда вы будете уверены, что запрос выполнен, просто оставьте записку, чтобы запрос можно было заархивировать позже, при необходимости.

Альтернативным источником помощи является Commons:Graphics village pump.

Создать новый запрос

rsvg не учитывает fill-opacity:0 в теге style

Все названия нот отображаются перекрывающимися в левом и правом столбцах, а также в нижней строке.

При открытии http://upload.wikimedia.org/wikipedia/commons/0/0a/Chord_intervals.svg в Firefox, Chrome или Edge по умолчанию отображаются аккорды в тональности C. Наведение курсора на серые кнопки внизу изменяет аккорды. Вывод с http://svgcheck.toolforge.org совпадает.

Однако в представленной здесь миниатюре все названия нот отображаются одновременно, хотя .active, .default:hover { fill-opacity:0; }их непрозрачность становится нулевой, если на них не навести курсор.

Может ли кто-нибудь заняться этим вопросом?

Спасибо, cmɢʟee ⎆ τaʟκ 00:35, 13 октября 2024 (UTC) [ ответить ]

@ Cmglee : То, что вы здесь отобразили, — это не SVG, а PNG- представление SVG, в нем нет концепции наведения. -- Red rose64 🌹 ( обсуждение ) 08:47, 13 октября 2024 (UTC) [ ответить ]

@ Cmglee : Я думаю, проблема в том, что Wikipedia преобразует SVG в PNG-файлы разных размеров для использования в миниатюрах. См. Wikipedia:SVG help#Rendering SVG files. Эта давняя проблема изначально была исправлением для браузеров, которые не поддерживали SVG; надеюсь, она будет исправлена ​​в будущем! Aluxosm ( обсуждение ) 10:50, 13 октября 2024 (UTC) [ ответить ]

Спасибо , @ Redrose64 : и @Aluxosm :

Загрузив более 2000 иллюстраций SVG за 15 лет (примерно по 3 в неделю), я знаю, что rsvg растеризует SVG в PNG, который, по моему мнению, не должен реагировать на события наведения.

Я спрашиваю, почему rsvg отображает все названия заметок перекрывающимися (обратите внимание на черные пятна), а не только одно, отображаемое в левом и правом столбцах и в нижней строке, поскольку все, кроме одной, имеют класс active , который имеет fill-opacity:0, если только у нее также нет селектора наведения ( .active:hover ). Это потому, что текущий rsvg вызывает наведение для всех из них? Проверка SVG в toolforge не имеет такого поведения.

Спасибо, cmɢʟee ⎆ τaʟκ 19:43, 13 октября 2024 (UTC) [ ответить ]

Несколько лет назад я определил, что в таблицах стилей (которые мы можем предоставлять только в форме правил CSS, заключенных в <style type="text/css">...</style>теги) librsvg может распознавать только токены, явно определенные либо в CSS уровня 1, либо в SVG версии 1.1, а псевдокласс :hoverне определен ни в одном из них — он впервые описан в CSS уровня 2. Теперь пользовательским агентам предписано пропускать правило, если какой-либо из его селекторов является недопустимым, поэтому фактически таблица стилей обрабатывается так, как если бы были закомментированы два правила:

< style  type = "text/css" > svg { font-family : 'Liberation Sans' , Helvetica , Arial , sans-serif ; font-size : 16 px ; letter-spacing : -1 px ; text-anchor : middle ; fill : #000 ; pointer-events : none ; } . trigger { pointer-events : auto ; } /* . active, . default: hover { fill-opacity:0; } */ /* . active: hover { fill-opacity:1; } */ . interval { fill : none ; stroke-width : 1.5 ; } </ style >                

поэтому для элементов, принадлежащих классу active, fill-opacityсвойство примет свое начальное значение, которое равно 1. Поэтому весь этот текст рисуется черным и накладывается, давая черные пятна. -- Red rose64 🌹 ( talk ) 20:43, 13 октября 2024 (UTC) [ ответить ]

Большое спасибо за ваше подробное объяснение, @ Redrose64 : я посмотрю, смогу ли я обойти это. Спасибо, cmɢʟee ⎆ τaʟκ 21:12, 14 октября 2024 (UTC) [ ответить ]

Решено

cmɢʟee ⎆ τaʟκ 10:20, 25 октября 2024 (UTC) [ ответить ]

Форма таинственно обрезана

Верхний и нижний пятиугольники обрезаны

На миниатюре этой развертки (геометрии) усеченного икосаэдра верхний и нижний пятиугольники обрезаны.

Этого не происходит с другими пятиугольниками, пунктирными линиями, проходящими за ними, или когда SVG просматривается в Firefox, Chrome или Edge. Кто-нибудь знает, почему это происходит?

Спасибо, cmɢʟee ⎆ τaʟκ 00:45, 23 октября 2024 (UTC) [ ответить ]