css - SVG路径中风不清晰
问题描述
我有一个 SVG,它是 Bob Dylan 的艺术再现。它有一个很大的视图框viewBox="0 0 2000 2000"
,它background-image
适用于浏览器中 aabackground-size
为 400 x 400 的元素。
它看起来像我想要的方式,除了在 Firefox 中,手的边缘是模糊的(id 为“hand1”和“hand2”的路径)。我添加shape-rendering="crispEdges"
到这些路径中,它没有任何区别。还有什么我可以考虑/改变的吗?
如果我找不到适用于所有浏览器的解决方案,我会删除笔画,但这会让他的手看起来有点胖!
下面的屏幕截图和源文件可在此处获得。
解决方案
推荐阅读
- c++ - 无法从使用代码创建的存档中读取存档文件
- python - 如何制作像jstree这样的组织结构图
- python - 如何使用 python 查看域的声誉?
- php - PHP 是否从我使用 opcache.opcache_compile_file() 编译的文件中的包含执行文件?
- google-chrome-extension - chrome.debugger 无法在 chrome 更新后监听内部框架
- jquery - 使用 jQuery 在通过 javascript 创建的复选框上检测复选框状态更改
- jquery - 如何将输入值作为比较参数分配给百里香叶中的选择过滤器
- filter - Wireshark 显示过滤器;按位比较
- c++ - 使用 getline 从输入文件读取一行到输出文件
- javascript - default_popup js文件如何读取网页的DOM元素