SVG невидима, но существует в DOM

У меня есть набор элементов линии, созданных с D3, но странно, что они появляются в DOM, и когда я наводил на них курсор, я вижу, что он подсвечивается, но там ничего нет , все просто пусто. Код несколько выглядит так, и в CSS есть некоторые странные вещи, связанные с трансляцией webkit-transform. Кто-нибудь знает, что не так? (Скриншот выпуска: http://imgur.com/HRE01Gd)SVG невидима, но существует в DOM

<div> 
<svg width="1000" height="700"> 
<line x1="420" y1="470" x2="394.9078930250818" y2="369.0723716341295" id="id-1" style="stroke- width: 10px; color: red;"></line> 
</svg> 
</div> 

-webkit-transform-origin-x: 0px; 
-webkit-transform-origin-y: 0px; 
-webkit-transform-origin-z: initial;

источник

2013-11-08 user2483724

У вас действительно есть 'stroke- [пробелы] ширины' в вашем коде, или у вас есть 'ширина штриха'? – mg1075

@ mg1075: Вы можете видеть из screencap, что исходный код верен ('stroke-width'). – Amadan

color ничего не делает. Вместо этого установите stroke. В настоящий момент все ваши линии получаются без штриха, что делает их невидимыми.

источник

2013-11-08 00:25:20 Amadan

wow - - Спасибо! выберете в качестве ответа один раз таймер. – user2483724

Вам необходимо изменить цвет на удар. Например:

<line x1="420" y1="470" x2="394.9078930250818" y2="369.0723716341295" id="id-1" style="stroke-width: 10px; stroke: red;"></line>

источник

2013-11-08 00:26:28 lincb

У меня была такая же проблема. Пытался установить ширину штриха - не помогло. Исправлено с правильной x-позицией элемента.

источник

2016-01-05 13:28:18 rluks

SVG невидима, но существует в DOM

ответ

Смежные вопросы