我確實有一個帶有啟影片面圖示的 Android 應用程式。這是一個簡單的徽標,其中帶有背景顏色,如果按照 Android 主題將其更改為黑色或白色。我希望徽標中的“R”是白色而不是透明的(只有 R)。
(是否可以在徽標后面創建一個白色方塊或類似的東西?)
the logo in .xml -> https://pastebin.com/GLDjk9Y1
the logo in .svg -> https://pastebin.com/9kyE4cir
uj5u.com熱心網友回復:
徽標中的“R”實際上并不作為形狀存在。它僅作為<path>SVG 中兩個形狀之間的一個洞而存在。
- 第一條路徑是外面的紫色形狀。
- 第二條路徑是'R'回圈中的小紫色補丁
您可以通過將 SVG 加載到矢量編輯器并執行一些路徑拆分和合并操作來解決此問題。如果您需要修復多個徽標,那么這就是您需要做的。
但這里是您的徽標的手動編輯版本,如果這就是您所需要的。
svg path:nth-child(2) {
fill: red;
}
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="1000.000000pt" height="1000.000000pt" viewBox="0 0 1000.000000 1000.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,1000.000000) scale(0.100000,-0.100000)"
fill="#7659b0" stroke="none">
<path d="M1576 9489 c-160 -17 -340 -77 -476 -159 -117 -70 -180 -121 -273
-221 -183 -195 -291 -439 -317 -714 -8 -75 -10 -1183 -8 -3475 l4 -3365 21
-90 c60 -251 161 -435 332 -606 175 -176 381 -286 628 -336 84 -17 264 -18
3513 -18 3249 0 3429 1 3513 18 247 50 453 160 628 336 176 175 282 375 335
626 18 87 19 196 19 3515 0 3319 -1 3428 -19 3515 -53 251 -159 451 -335 626
-173 174 -366 278 -625 337 -65 15 -364 16 -3466 18 -1867 1 -3430 -2 -3474
-7z"/>
<path d="M5200 7450 c706 -81 1213 -495 1375 -1123 44 -170 54 -255 54 -452 0
-138 -4 -200 -18 -265 -97 -447 -410 -832 -863 -1063 -96 -49 -103 -54 -103
-82 0 -23 142 -233 645 -950 526 -752 644 -926 645 -952 l0 -33 -619 0 -619 0
-623 890 -623 890 -148 0 -148 0 0 -890 0 -890 -540 0 -540 0 0 2465 0 2465
1018 0 c630 0 1051 -4 1107 -10z M4160 5885 l0 -587 453 5 c504 5 521 7 651 75 128 67 229 191 272
337 22 74 25 245 5 325 -23 96 -80 200 -146 265 -72 71 -136 108 -242 137 -73
20 -106 22 -535 26 l-458 4 0 -587z" fill="white"/>
</g>
</svg>
在這個版本中:
- 第一條路徑是圓形紫色背景正方形
- 第二條路徑是“R”
我已經包含了一些 CSS 來證明“R”現在可以設定樣式。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/442378.html
