google-chrome - 设置 svg 渲染的质量

标签 google-chrome css svg render scale

通常,浏览器会正确呈现 svg 图像,但在 chrome 中,浏览器不会检测到 css3 比例并返回质量较差的图像。这一定是因为css scale是一项新技术...有什么方法可以选择渲染质量吗?

对不起我的英语,我正在学习它!

最佳答案

对此有几个变通办法,恐怕没有一个比设置渲染质量指令更容易。最直接的解决方法是插入实际的 SVG 而不是在 img 标签中使用它。

您的 html 看起来像...

<svg>
  ...
</svg>

你的 css 看起来像......

svg {
  -webkit-transform: scale(2);
}

这是一个演示:http://jsfiddle.net/EgsGe/

关于google-chrome - 设置 svg 渲染的质量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12079368/

相关文章:

javascript - 如何将 svg 图标与 Material-UI SvgIcon 合并

javascript - 浏览器上的连续语音识别,例如 "ok google"或 "hey siri"

javascript - 不允许窗口将顶层框架导航导航到数据 URL

php - 在播放期间预加载音频并应用CSS

html - 为什么自定义元素会折叠?

html - 隐藏 SVG 会影响同一页面中的其他 SVG 样式

http - 分块传输编码 - 浏览器行为

javascript - Inject.js 未在页面上加载?

reactjs - react 背景图像叠加不透明度

jquery - 使用图像来设置滚动条的样式?