<!DOCTYPE HTML>
<html>
<script src="../../fast/repaint/resources/async-text-based-repaint.js"></script>
<script>
window.onload = runRepaintTest;
function repaintTest() {
    document.getElementById('t').setAttribute("stroke", "blue");
    document.getElementById('t').setAttribute("vector-effect", "non-scaling-stroke");
    document.getElementById('t').setAttribute("stroke-width", "8");
    requestAnimationFrame(function() {
        finishRepaintTest();
    });
};
</script>
<body>
<svg>
    <g transform="scale(0.5 0.5)">
       <text id="t" x="10" y="50" stroke="none" stroke-width="2" fill="none" font-size="36" vector-effect="none">Hello</text>
    </g>
</svg>
</body>
</html>
