Jak wyodrębnić osadzony obraz z pliku SVG?

Mam w środku plik SVG, który zawiera co najmniej jeden osadzony obraz JPG / PNG. Chcę wyodrębnić obrazy JPG / PNG z tego pliku SVG i zapisać je na dysku.

Dodaję inkscapetag, ponieważ jest to program, którego używam do edycji plików SVG, ale akceptuję również rozwiązania przy użyciu innych narzędzi.

Moje własne rozwiązanie (lub ... obejście):

1. Wybierz obraz w Inkscape
2. Otwórz wbudowany XML Editor( Shift+ Ctrl+ X)
3. Wybierz xlink:hrefatrybut, który będzie zawierał obraz jako dane: URI
4. Skopiuj cały data:identyfikator URI
5. Wklej ten data:identyfikator URI do przeglądarki i stamtąd go zapisz.

Alternatywnie mogę otworzyć plik SVG w dowolnym edytorze tekstu, zlokalizować data:identyfikator URI i stamtąd go skopiować.

Chociaż to rozwiązanie działa, jest trochę kłopotliwe i chciałbym nauczyć się lepszego.

Zamiast tego istnieje lepsze rozwiązanie:

przejdź do Extensions -> Images -> Extract Image..., tam możesz zapisać wybrany obraz rastrowy jako plik. Jednak to rozszerzenie działa dziwnie i jakoś działa raczej powoli (ale idealnie dobrze).

Kolejna uwaga: to rozszerzenie jest nieporęczne i umiera cicho na różnych dużych obrazach. Ponadto przy dużej liczbie obrazów rastrowych może zwiększyć wykorzystanie pamięci Inkscape do przerażających poziomów (jak 3 GB po wyodrębnieniu tylko kilku zdjęć).

Ponieważ mam około 20 plików SVG z około 70 obrazami rastrowymi, każdy obraz o wielkości co najmniej 1 MB, potrzebowałem innego rozwiązania. Po krótkim sprawdzeniu za pomocą końcówki Denilson Sá opracowałem następujący skrypt php, który wyodrębnia obrazy z plików svg:

#!/usr/bin/env php
<?php

$svgs = glob('*.svg');

$existing = array();

foreach ($svgs as $svg){
    mkdir("./{$svg}.images");
    $lines = file($svg);
    $img = 0;
    foreach ($lines as $line){
        if (preg_match('%xlink:href="data:([a-z0-9-/]+);base64,([^"]+)"%i', $line, $regs)) {
            $type = $regs[1];
            $data = $regs[2];
            $md5 = md5($data);
            if (!in_array($md5, $existing)) {
                $data = str_replace(' ', "\r\n", $data);
                $data = base64_decode($data);
                $type = explode('/', $type);
                $save = "./{$svg}.images/{$img}.{$type[1]}";
                file_put_contents($save, $data);
                $img++;
                $existing[] = $md5;
            }
        } else {
            $result = "";
        }
    }
}

echo count($existing);

W ten sposób mogę uzyskać wszystkie potrzebne obrazy, a md5 ratuje mnie przed powtarzaniem się.

Założę się, że musi być inny sposób, który jest o wiele prostszy, ale twórcy inkscape muszą to zrobić lepiej.

Wreszcie, lata później napisałem skrypt, aby poprawnie wyodrębnić wszystkie obrazy z pliku SVG, używając odpowiedniej biblioteki XML do analizy kodu SVG.

http://bitbucket.org/denilsonsa/small_scripts/src/tip/extract_embedded_images_from_svg.py

Ten skrypt został napisany dla Pythona 2.7, ale jego konwersja do Pythona 3 powinna być łatwa. Co więcej, po konwersji do Pythona 3.4 można usunąć około 50 wierszy ze względu na nowe funkcje wprowadzone w tej wersji.

Jako kolejne obejście można zapisać jako plik PDF, a następnie otworzyć ten dokument za pomocą Inkscape.

Odznacz „osadzanie obrazów” i bingo, wszystkie pngs / jpegs zostaną wyrzucone do twojego katalogu domowego.

Bałagan, ale szybciej niż wygłupiać się z danymi: URL.

Poprawiam skrypt php @Johnny_Bit . Nowa wersja skryptu może używać svg z nowymi wierszami. Wyodrębnia wiele obrazów z pliku svg i zapisuje je w zewnętrznych plikach png. Pliki SVG i PNG znajdują się w katalogu „SVG”, ale można to zmienić w stałej „SVG_DIR”.

<?php

define ( 'SVG_DIR', 'svg/' );
define ( 'SVG_PREFIX', 'new-' );

$svgs = glob(SVG_DIR.'*.svg');
$external = array();
$img = 1;

foreach ($svgs as $svg) {
    echo '<p>';
    $svg_data = file_get_contents( $svg );
    $svg_data = str_replace( array("\n\r","\n","\r"), "", $svg_data);
    $svg_file = substr($svg, strlen(SVG_DIR) );
    echo $svg_file.': '.strlen($svg_data).' ????';

    if ( preg_match_all( '|<image[^>]+>|', $svg_data, $images, PREG_SET_ORDER) ) {
        foreach ($images as $image_tag) {

            if ( preg_match('%xlink:href="data:([a-z0-9-/]+);base64,([^"]+)"%i', $image_tag[0], $regs) ) {
                echo '<br/>Embeded image has benn saved to file: ';

               $type = $old_type = $regs[1];
               $data = $old_data = $regs[2];
               $md5 = md5($data);
               if ( array_key_exists($md5, $external) ) {
                $image_file = $external[$md5];
               } else {
                    $data = str_replace(" ", "\r\n", $data);
                    $data = base64_decode($data);
                    $type = explode('/', $type);
                    $image_file = substr( $svg_file, 0, strlen($svg_file)-4 ) . '-' . ($img++) . '.png';
                    file_put_contents(SVG_DIR.$image_file, $data);
                    $external[$md5] = $image_file;
               }
               echo $image_file;
               $svg_data = str_replace('xlink:href="data:'.$old_type.';base64,'.$old_data.'"', 'xlink:href="'.$image_file.'"', $svg_data);
            }
        }
        file_put_contents(SVG_DIR.SVG_PREFIX.'.svg', $svg_data);
    }

   echo '</p>';
}

?>

Otwórz plik w Inkscape i wybierz mapę bitową, którą chcesz wyeksportować. Kliknij Plik-> Eksportuj bitmapę (Ctrl + Shift + E) i powinna wyeksportować tylko wybraną bitmapę.