SVG Gobbler

Projek kecil ini oleh Ross Moody hebat:

SVG Gobbler adalah pelanjutan penyemak imbas yang mendapati kandungan vektor pada halaman yang anda lihat dan membolehkan anda memuat turun, mengoptimumkan, menyalin, melihat kod, atau mengeksportnya sebagai imej.

Apabila laman web menggunakan SVG sebagai imej, anda boleh klik kanan/simpan seperti yang anda lakukan dengan imej lain. Namun, ketika SVG berada<svg></svg> Apabila borang dipaparkan sejajar (yang biasanya masuk akal untuk alasan gaya), sukar untuk mendapatkan salinannya. Saya biasanya akhirnya membuka alat pemaju dan mencari<svg></svg> , klik kanannya, gunakan salinan> salin html luaran, tampal ke dalam fail teks, dan simpannya sebagai apa sahaja.svg. Ini lebih menyusahkan daripada yang saya mahukan.

Menggunakan SVG Gobbler, saya klik pada pelanjutan penyemak imbas dan memaparkan pilihan grid yang bagus:

Saya boleh memuat turunnya dari sini dengan cepat, tetapi perhatikan bahawa ia juga boleh mengoptimumkannya untuk saya jika saya mahu, atau mengeksport sebagai PNG. sangat bagus! Saya telah menggunakannya hari ini dan saya baru memasangnya hari ini.

Setakat maklum balas, saya ingin mengatakan yang terbaik:

1. Terdapat cara untuk menyesuaikan saiz eksport PNG (lebih baik untuk membolehkan saya membesarkannya jika diperlukan).
2. Eksport dalam format generasi akan datang dengan saiz yang lebih baik daripada fail PNG, seperti WebP atau AVIF.
3. SVG yang dipenuhi dengan putih harus dipaparkan pada latar belakang bukan putih supaya anda dapat melihat apa yang mereka ada.
4. Secara pilihan, saya dibenarkan untuk menamakan fail semasa memuat turun, dan bukannya selalu namakan Gobbler-Original.svg.

Matlamat yang lebih besar adalah untuk mengekstrak CSS yang digunakan di laman web untuk<svg></svg> tengah. Saya perhatikan bahawa beberapa SVG yang mendapati kelihatan sangat berbeza apabila mengeksport, kerana halaman menggunakan gaya di luar SVG untuk gaya, yang hilang ketika mengeksport.

Saya tertanya -tanya sama ada perubahan pada lanjutan safari membolehkan Ross dengan mudah melaburkannya ke safari (atau bahkan safari mudah alih?!).

Atas ialah kandungan terperinci SVG Gobbler. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!