Прозрачный SVG в iOS WebKit

У WebKit была ошибка, из-за которой встроенный SVG (с помощью <embed> или <image> ) имел белый фон вместо прозрачного.

Он был исправлен, но не на iOS, где есть намного более старая версия WebKit

Есть ли какое-то хорошее обходное решение для этого? Мне отчаянно нужен прозрачный фон.

Я знаю два субоптимальных обходных решения:

  • Используйте <img> . – Я не могу этого сделать, потому что дерево DOM / XML SVG, вставленное как imgs, не может быть перемещено / обработано.

  • Маска <object> или <embed> с самим собой. Удивительно, что старый WebKit может обнаружить прозрачность, если SVG используется как маска. Однако я считаю это уродливым решением:

    <object style="-webkit-mask-image:url(image.svg);" data="image.svg" type="image/svg+xml" />

Есть ли хорошее решение?

2 Solutions collect form web for “Прозрачный SVG в iOS WebKit”

Я нашел решение.

Я могу использовать встроенный SVG / XML. В этом случае я получаю как прозрачность, так и способность пересекать узлы SVG DOM.

Единственным недостатком является то, что я должен использовать правильную разметку XML с правильными заголовками Content-type ( text/xml как-то работает лучше всего, я не знаю почему)

Об ошибках, о которых вы говорите, хорошо известно. Если это на iOS, вам действительно нужно использовать векторную графику? Почему бы не использовать PNG с наследованием прозрачности?

  • Ошибка теневого распространения в WebKit в iOS 7 на iPad Retina
  • Вид ввода типа даты в Safari на iOS
  • touchhend событие в ios webkit не стреляет?
  • WebKit Audio искажается на iOS 6 (iPhone 5) впервые после включения питания
  • Webkit переполнения прокрутки Touch ошибка CSS на iPad
  • iOS Safari RTL Offset с использованием -webkit-overflow-прокрутки: touch и -webkit-transform: translate3d (0,0,0)
  • Какие действия запускают функцию webViewWebContentProcessDidTerminate
  • Переход CSS во время touchmove на устройствах iOS 7 не запускается
  • Сбой: WebThread - EXC_BAD_ACCESS KERN_INVALID_ADDRESS
  • Как остановить MPAVItem сбой моего приложения iOS с видео в моем UIWebView?
  • com.apple.WebKit.WebContent drop 113 error: Не удалось найти указанную службу
  • Interesting Posts

    Отклонить UIAlertControllerStyleAlert UIAlertController, нажав снаружи

    Получить часовую зону / страну с iPhone

    Как настроить запуск экрана для универсального правильно?

    Программно UIToolbar внизу

    дисплей: flex; не работает на iPad (как Chrome, так и Safari)

    iOS 7 UIToolBar Переключение со строкой состояния

    Почему не пересылает геокодирование с помощью CLGeocoder.geocodeAddressString на игровой площадке?

    Как представить ViewController с помощью UIImagePickerController

    Core-Plot: вызов reloadData на Plot или Graph изнутри блока не работает

    Шаблон проектирования Objective-C для управления наблюдателями

    Использование NSURLConnection для SSL с самоподписанным сертификатом

    Как показать конкретную языковую клавиатуру, когда пользователь вводит значения в UITextField в приложении iPhone?

    Как изменить выбранное изображение на вкладке с помощью раскадровки

    Правильно ли объявлять свойства в файле реализации? Если да, то в чем польза?

    Как изменить текст кнопки «больше» ios на версию на моем языке?

    PhoneC: Разработка iOS проста с помощью XCode, Swift3, UITableView, cocatouch, давайте создадим приложения для iPhone, iPad и Macbook.