今天整天都在推动我。我正在生成一个内联svg图表,它看起来像我的Android 4.3.1上的低分辨率图像,但仅在某些情况下。
我在网上找到的每个svg图像每次都很好看。但每当我用任何这些svgs(复制和粘贴)创建一个简单的html页面时,它们看起来都是栅格化的。 Firefox for Android每次看起来都很好,Chrome for Android每次都很好用,但是浏览器浏览器会搞砸它。 iOS Safari也很好。
<svg xmlns="http://www.w3.org/2000/svg" id="chart" width="320px" height="100px"><desc>Created with Snap</desc><defs></defs><path d="M40 70L53 70L67 70L80 70L93 69L107 68L120 69L133 60L147 55L160 60L173 54L187 42L200 21L213 23" fill="rgba(0,0,0,0)" stroke="#ffff00" style="stroke-width: 1;"></path><path d="M40 36L53 36L67 36L80 36L93 38L107 41L120 35L133 40L147 34L160 37L173 37L187 37L200 50L213 48" fill="rgba(0,0,0,0)" stroke="#ff0000" stroke-width="1"></path></svg>
这里有效,尝试放大结果。
http://jsfiddle.net/9jxvx/light/
但在全屏结果页面上却没有:
http://jsfiddle.net/9jxvx/embedded/result/