Обходной путь SVG "z-index"
Я работаю над приборной панелью, на которой отображаются три датчика, каждый из которых выделяет некоторую часть набора данных, образующих «круговую диаграмму». Дизайн требует обводки в 4 пикселя для выделенной части набора данных, но из-за порядка отрисовки SVG это становится проблемой, когда обводка последнего элемента в наборе данных перекрывается. См. изображение. https://imgur.com/KYRnVJS
У кого-нибудь есть умные обходные пути?
stackoverflow.com/questions/17786618/… должен помочь. Вам нужно нарисовать элементы обводки 4px в последнюю очередь.
—
10.04.2019 20:21
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
129
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
Есть обходные пути, но они, как правило, являются хаками (например, вы можете нарисовать серый фон в другом встроенном SVG, z-index которого расположен под встроенным SVG, который рисует выделенные участки). Правильный ответ — сначала нарисовать фон, затем все основные моменты.
Другие вопросы по теме
Как сделать так, чтобы бордюр становился больше, когда я наводил курсор на что-то поверх него?
3 столбца изображений в представлении на рабочем столе, 2 столбца изображений в мобильном представлении
Сделать ширину сайта полной на мобильной платформе
Как сделать динамическую продолжительность анимации в соответствии со значением javascript
Как открыть форму вверх при наведении или клике?
Как установить фоновое изображение?
Как выровнять весь текст в Rmd с помощью bookdown::gitbook в качестве вывода
Преобразование нескольких столбцов на рабочем столе в 2 столбца в мобильном представлении
Webpack не включает css в сборку HTML
Количество классов JQuery в HTML
Похожие вопросы
Heroku не получает PORT для реакции package.json
Он продолжает говорить: «Специальные символы должны быть экранированы: <» Что это значит?
Как сделать так, чтобы бордюр становился больше, когда я наводил курсор на что-то поверх него?
Как использовать alpha vantage api в списке вместо этого в chartjs?
Как проверить изменения с пайпами? Угловая текстовая область
Как использовать регулярное выражение для сопоставления определенных слов в маршруте в nuxtjs, vue?
Мой флипчас работает слишком быстро и перескакивает через четные числа. Как я могу это исправить?
Как определить несколько параметров инициализации для DataTable?
Почему библиотека входа в консоль не работает, если она была импортирована в другой компонент реакции?
Как сделать динамическую продолжительность анимации в соответствии со значением javascript