Ошибка округления с линейным градиентом SVG в Chrome?

В последнее время я вижу некоторые проблемы с Chrome для отображения линейного градиента SVG. Взгляните на этот SVG ниже:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<body>
<svg>
  <g>
    <linearGradient id="linearGradient" gradientUnits="userSpaceOnUse" x1="79px" x2="706px" y1="0" y2="0">
      <stop class="" offset="54.54545454545455%" style="stop-color: red;"></stop>
      <stop class="" offset="63.63636363636364%" style="stop-color: red;"></stop>
      <stop class="" offset="63.63636363636364%" style="stop-color: green;"></stop>
      <stop class="" offset="72.72727272727273%" style="stop-color: green;"></stop>
    </linearGradient>
    <path d="M79,241L136,196L193,194L250,212L307,159L364,152L421,339L478,46L535,205L592,134L649,215L706,74"
    style="opacity: 1; fill: none; stroke: url(#linearGradient); stroke-width: 2px;">
    </path>
  </g>
</svg>
</body>
</html>

После загрузки этого HTML-кода в Chrome (моя версия 23.0.1271.64) очень легко увидеть явную ошибку линейного градиента в 2 пикселя при просмотре, который показывает зеленый цвет в сегменте левой боковой линии. Как в IE 9, так и в последней версии Firefox svg отображается правильно. Я думаю, что это может быть ошибка Chrome или WebKit. Кто-нибудь знает, как обойти это? Спасибо!


svg google-chrome gradient linear-gradients rounding-error
person bigbearzhu    schedule 20.11.2012    source источник
comment
Google подтвердил наличие этой ошибки: http://code.google.com/p/chromium/issues/detail?id=161919. Любая идея об обходном пути?   -  person bigbearzhu    schedule 29.11.2012
comment
Вам когда-нибудь удавалось получить какую-либо дополнительную информацию о том, как обойти эту проблему?   -  person Scott Cameron    schedule 23.08.2013
comment
Извините, в данный момент нет.   -  person bigbearzhu    schedule 03.09.2013