Skip to content
View in the app

A better way to browse. Learn more.

FGX Native

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

SVG не правильно отображается в приложении

  • Status: Open
  • Priority: Normal
  • Resolution: Unresolved
  • Platform: Android
  • Affects version 16

 SVG не корректно отображается. Некоторые элементы вовсе не видны становятся, как показано на маленьком квадратике, а в эллипсе вместо прозрачности чёрный круг.


<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="39" height="39" fill="#F5F5F5" style="fill:#F5F5F5;fill:color(display-p3 0.9608 0.9608 0.9608);fill-opacity:1;"/>
<g clip-path="url(#clip0_0_1)">
<circle cx="27.5" cy="10.5" r="7.5" stroke="#FF9113" style="stroke:#FF9113;stroke:color(display-p3 1.0000 0.5686 0.0745);stroke-opacity:1;" stroke-width="6"/>
<path d="M21 16L6 31" stroke="#FF9113" style="stroke:#FF9113;stroke:color(display-p3 1.0000 0.5686 0.0745);stroke-opacity:1;" stroke-width="6" stroke-linecap="square"/>
<rect x="14.9267" y="23.3173" width="9" height="9.95087" transform="rotate(44.1143 14.9267 23.3173)" fill="#FF9113" style="fill:#FF9113;fill:color(display-p3 1.0000 0.5686 0.0745);fill-opacity:1;"/>
<circle cx="26" cy="26" r="11.5" fill="#00D83A" stroke="#00A22B" style="fill:#00D83A;fill:color(display-p3 0.0000 0.8462 0.2256);fill-opacity:1;stroke:#00A22B;stroke:color(display-p3 0.0000 0.6347 0.1693);stroke-opacity:1;"/>
<line x1="20.3765" y1="25.5709" x2="24.1659" y2="29.3604" stroke="white" style="stroke:white;stroke-opacity:1;" stroke-width="3"/>
<line x1="33.008" y1="22.6396" x2="24.1659" y2="31.4817" stroke="white" style="stroke:white;stroke-opacity:1;" stroke-width="3"/>
</g>
<defs>
<clipPath id="clip0_0_1">
<rect width="39" height="39" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>


User Feedback

Recommended Comments

vvs81

Active subscription

image.png.ca338a5cfd7a43d587e8a50804438fdc.png

vvs81

Active subscription
(edited)

Не понял где это что это?
а потом понял

как удалить это сообщение?

Edited by vvs81

  • Administrators

На основании анализа предоставленного svg:

  1. Мы не поддерживаем задание цвета в display-p3 формате

  2. Clip-Path пока не реализован

  3. Не пониманию откуда взят вот этот формат поворота:

    transform="rotate(44.1143 14.9267 23.3173)"
    По стандарту тут должно быть одно значение: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/transform
    Видимо, первый параметр - это поворот. А остальные - это смещение после поворота.

Create an account or sign in to comment

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.