【发布时间】:2015-07-15 09:32:42
【问题描述】:
我刚刚发现线条粗细(和清晰度)存在一些差异,即使它们的线条粗细属性设置为相同。我已经搜索了整个谷歌图表网页。但我什么也找不到。如何解决这种错误?
检查所有发现差异的行。有些会模糊,有些会很清晰。
【问题讨论】:
标签: javascript google-visualization
我刚刚发现线条粗细(和清晰度)存在一些差异,即使它们的线条粗细属性设置为相同。我已经搜索了整个谷歌图表网页。但我什么也找不到。如何解决这种错误?
检查所有发现差异的行。有些会模糊,有些会很清晰。
【问题讨论】:
标签: javascript google-visualization
这并不是真正特定于 Google 图表,它是 Anti aliasing 的人工制品。简而言之,大多数电脑显示器的像素都比较大,难以精确显示。抗锯齿使用阴影使图像看起来像是用比实际可用的更多的像素渲染的,但代价是模糊。当您有一些与真实像素匹配的线条时,您会看到差异。
我可以在 Google Charts 文档中看到似乎没有关闭抗锯齿的选项。
如果您要导出图像(例如 PNG),您可以以更大的尺寸导出图像并以非整数比例缩小图像:这样所有线条都会大致相同地模糊,因为没有源像素会与目标像素。
如果您尝试显示 SVG,则可以使用 CSS 样式关闭抗锯齿功能。 (可能是try this)
【讨论】: