Вопрос по rendering, svg, layout – Избегайте линии между плиточными фигурами SVG

16

Я использую несколько разноцветных прямоугольников для построения визуализации данных SVG. Это прекрасно работает, но иногда фоновый цвет просвечивает между прямоугольниками. Я просматриваю с Chrome, но другие браузеры, похоже, затронуты аналогичным образом.

http://jsfiddle.net/dVEPk/


  
  

В Chrome, если смещение x является целым числом, строка не видна.

Я уверен, что могу избежать линий, сделав прямоугольники немного больше, чем пространство, которое они должны занимать. Но это похоже на хак: есть ли SVG идиома или лучшая практика для достижения идеально плиточных фигур без "цементирование "? Я

Я также обеспокоен производительностью рендеринга, потому что мои визуализации могут быть очень большими (скажем, 100 МБ XML .svg). Я'хотелось бы иметь возможность давать подсказки рендереру какни одна из фигур в этом перекрываются "?

Ваш Ответ

1   ответ
22

ить его, установите shape-render = "crispEdges» на фигурах. Вы можете установить это на прямоугольных элементах или на в этом случае прямоугольные элементы наследуют его.

Вы можете быть в состоянии настроить линию "s позиции, добавив 0,5 к координатам. УвидетьКаир FAQ для более подробной информации об этом.

Isn»есть решение, которое ненарушить сглаживание, необходимое для округлых линий? это решение решает одну проблему при создании другой ... matanster
Вау, это прекрасно работает ... Думаю, недостатком является то, что когда сами фигуры имеют размер около пикселя или меньше, их цвета будут совмещены. paperjam
@trlkly работает для меня в Chrome, хотя ...? Domi
Лучше всего, если вы зададите новый вопрос, включите пример кода и четко укажите, что он делает и что вы хотите. Robert Longson

Похожие вопросы