Мне нужно добавить кривые линии, соединяющие узлы диаграммы в HTML. Я хочу создать их, используя только HTML и/или CSS. Я в порядке с CSS3, даже если не все браузеры поддерживают функцию, в которой я нуждаюсь (особенно это не так сильно касается IE8 и ниже). Вот решения, которые я мог бы использовать с причинами против них:
- canvas или svg - не нравится, потому что я должен иметь дело с различиями браузера и не уверен в производительности, когда у меня есть сотни, а может быть тысячи, этих объектов, плавающих между моими хорошими узлами
- image. Мне понадобится нелепое количество изображений, чтобы иметь дело со всеми возможными изогнутыми линиями, и изображение не масштабируется вообще при масштабировании и выходе
- div с граничным радиусом css и другим div, который покрывает часть строк, мы не хотим - не беспокоиться об IE8 и ниже, не поддерживая это, но это уродливый взлом, Я не могу получить изогнутые линии над чем-то вроде фона или других линий, перекрывающих друг друга. Могу ли я?
Какие параметры мне не хватает? Возможно ли иметь div с радиусом границы, который отображается только для одного угла (и работать во всех браузерах, кроме IE8 и ниже)?