Визуализация форм SVG с четкими краями в IE9

Question

IE9, по-видимому, не поддерживает атрибут SVG shape-rendering="crispEdges".

Вот пример SVG:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns="http://www.w3.org/2000/svg" height="600" id="svgroot" version="1.1" width="800" x="0" y="0">
<line style="stroke:#000000;stroke-width:1px;stroke-opacity:1" y2="300" y1="300" x2="750" x1="50" shape-rendering="crispEdges" />
</svg>

Он отображается правильно в Firefox и Safari, однако линия выглядит размытой в IE9 и IE10 (предварительный просмотр платформы)

Есть ли обходной путь для отключения сглаживания в IE9?

Спасибо!

Answer 1

Вы должны иметь возможность просто сместить линию на 0,5 "пикселя" по вертикали вместо использования рендеринга формы.Таким образом, линия будет выглядеть четкой во всех браузерах, отличных от IE.

<svg xmlns="http://www.w3.org/2000/svg" height="600" width="800">
  <line style="stroke:#000" y2="300.5" y1="300.5" x2="750" x1="50" />
</svg>