SVG Pattern исчезает при преобразовании

Question

У меня возникла проблема, когда мои шаблоны SVG исчезают при преобразовании в Chrome. Кажется, я не могу найти работу.

Что будет вызывать шаблон будет исчезать при использовании преобразования: масштаб или повернуть в Chrome

<svg id="definitions" width="300" height="110" xmlns="http://www.w3.org/2000/svg" version="1.1" style="background:#ddd"> 
 
    <defs> 
 
     <pattern id="crosshatch" width="10" height="10" patternUnits="userSpaceOnUse"><rect width="10" height="10" fill="#FFF"></rect><path vector-effect="non-scaling-stroke" d="M-1,1 l2,-2 M0, 10 l10,-10 M9, 11 l2,-2" stroke-opacity="0.2" stroke="#000" stroke-width="1"></path></pattern> 
 
    </defs> 
 
    <path stroke="#900" transform="translate(10, 10)" d="M0,0L66,0L66,84L48,90L18,90L0,84L0,0" class="cement" fill="url(#crosshatch)"></path> 
 
    <path stroke="#900" transform="translate(160, 100) rotate(180)" d="M0,0L66,0L66,84L48,90L18,90L0,84L0,0" class="cement" fill="url(#crosshatch)"></path> 
 
</svg>

мне интересно, если это просто может быть ошибка в Chrome.

Answer 1

Это известная ошибка в Chrome.

https://code.google.com/p/chromium/issues/detail?id=447707

Похоже, это будет исправлено в Chrome 41.