Адаптивный значок формы пути - PullRequest
0 голосов
/ 05 июля 2018

Так Launcher3 определяет путь к форме значка.

<string-array translatable="false" name="icon_shape_override_paths_values">
    <item>M50,0L100,0 100,100 0,100 0,0z</item>
    <item>M50,0 C10,0 0,10 0,50 0,90 10,100 50,100 90,100 100,90 100,50 100,10 90,0 50,0 Z</item>
    <item>M50 0A50 50,0,1,1,50 100A50 50,0,1,1,50 0</item>
    <item>M50,0A50,50,0,0 1 100,50 L100,85 A15,15,0,0 1 85,100 L50,100 A50,50,0,0 1 50,0z</item>
</string-array>

Они соответствуют квадрату, белку, окружности и слезе соответственно.

Теперь мне интересно, как я могу создать свою собственную форму, подобную этой. Я хочу нарисовать шестиугольник.

1 Ответ

0 голосов
/ 07 июля 2018

Попробуйте что-то вроде:

<item>M 50,0 L 100,25, 100,75, 50,100, 0,75, 0,25 Z</item>

Пример:

svg {
  background: linen;
}
<svg width="100" height="100">
  <path d="M 50,0 L 100,25, 100,75, 50,100, 0,75, 0,25 Z"/>
</svg>
...