Отслеживание загрузки SVG-изображения в React - PullRequest
Новая
       27

Отслеживание загрузки SVG-изображения в React

0 голосов
/ 03 мая 2019

Я недавно видел traced SVG image loading в gatsby.js

https://medium.com/workshop-me/traced-svg-images-for-excellent-ux-d75a6bb4caed

Есть ли способ, которым я могу реализовать это в create-react-app, с помощью автоматизации. Прямо сейчас, Я использую create-react-app и cloudinary. Я храню url в моей базе данных, Я не смог найти хороший ресурс, с помощью которого я мог бы это осуществить. Помощь будет оценена.

1 Ответ

1 голос
/ 03 мая 2019

Если вы читаете пост и то, что он использует, вы обнаружите, что он использует https://github.com/lovell/sharp,, который принимает изображение в качестве параметра, в вашем случае вы можете загрузить изображение, применить фильтр и, наконец, использовать самую важную частьэтой техники: 

<div
      style={{
        backgroundImage: `url("${realUrl}"), url("${
          tracedSVG
        }")`,
      }}
    />
  </div>

Тогда браузер выполнит динамическую загрузку за вас.

...