在与Android的alt-tab菜单等效的视图中查看时,图标的边缘被裁剪了。
整个边缘周围应该有一个粗实的白色边框。它在android的其余部分中完美显示。
我注意到这种情况也发生在我创建的其他一些图标上。如何修复它而不影响图标在其他位置的显示方式?
这是我导入的原始SVG(减去内部框)...
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
id="svg8"
version="1.1"
viewBox="0 0 141.565 141.565"
height="141.565mm"
width="141.565mm">
<g
id="layer7">
<g
transform="translate(-34.2175,-77.7175)"
id="g6440">
<rect
style="opacity:1;fill:#222222;fill-opacity:1;stroke:#ffffff;stroke-width:14.56499958;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4487"
width="127"
height="127"
x="41.5"
y="85"
rx="19.020206"
ry="19.020206" />
<!-- ...inner boxes... -->
</g>
</g>
</svg>
从Android Studio生成的XML ...
<vector android:height="24dp" android:viewportHeight="141.565"
android:viewportWidth="141.565" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
<path android:fillAlpha="1" android:fillColor="#222222"
android:pathData="M26.303,7.282L115.262,7.282A19.02,19.02 0,0 1,134.283 26.303L134.283,115.262A19.02,19.02 0,0 1,115.262 134.283L26.303,134.283A19.02,19.02 0,0 1,7.282 115.262L7.282,26.303A19.02,19.02 0,0 1,26.303 7.282z"
android:strokeAlpha="1" android:strokeColor="#ffffff"
android:strokeLineJoin="round" android:strokeWidth="14.56499958"/>
...
更新:我尝试通过增加viewPortWidth / Height属性来缩小图标大小,并得到了它。
默认情况下,似乎有一个遮罩/边框。知道这可能来自哪里以及如何摆脱它吗?
答案 0 :(得分:0)
在“图像”视图中设置此属性,请使用此svg
android:scaleType="fitXY"