在SVG中,为什么在某些特定位置中风是模糊的

时间:2015-02-26 02:45:09

标签: html svg

我只是使用SVG来绘制矩形,但是当位置'x'是整数时我发现笔画是模糊的,而当位置'x'是整数加0.5时,我发现笔画是模糊的

它可以在Chrome和IE中复制,有人遇到过这个吗?

<svg type="svg-chart" style="height: 100%; width: 100%; padding: 0px;">
    <g>
        <rect x="2" y="2" width="17" height="81" style="fill:rgb(31,119,180);fill-opacity:0.7019607843137254;stroke-width:1;stroke:rgb(255,0,0);stroke-opacity:1" class="gm-shape-grid-bar" type="shape" subtype="gbar" status="normal"></rect>
        <rect x="23" y="2" width="17.5" height="81" style="fill:rgb(31,119,180);fill-opacity:0.7019607843137254;stroke-width:1;stroke:rgb(255,0,0);stroke-opacity:1" class="gm-shape-grid-bar" type="shape" subtype="gbar" status="normal"></rect>
        <rect x="43.5" y="2" width="19.5" height="81" style="fill:rgb(31,119,180);fill-opacity:0.7019607843137254;stroke-width:1;stroke:rgb(255,0,0);stroke-opacity:1" class="gm-shape-grid-bar" type="shape" subtype="gbar"></rect>
    </g>
</svg>

0 个答案:

没有答案