Як витягнути вбудоване зображення з файлу SVG?

У мене є файл SVG, який містить принаймні одне вбудоване зображення JPG / PNG всередині. Я хочу витягти JPG / PNG зображення з цього SVG-файлу та зберегти їх на диску.

Я додаю inkscapeтег, оскільки це програма, яку я використовую для редагування файлів SVG, але також приймаю рішення за допомогою інших інструментів.

Моє власне рішення (або ... вирішення):

1. Виберіть зображення в Inkscape
2. Відкрийте вбудований XML Editor( Shift+ Ctrl+ X)
3. Виберіть xlink:hrefатрибут, який буде містити зображення як дані: URI
4. Скопіюйте весь data:URI
5. Вставте цей data:URI у браузер і збережіть його звідти.

Крім того, я можу відкрити файл SVG у будь-якому текстовому редакторі, знайти data:URI та скопіювати його звідти.

Хоча це рішення працює, воно начебто громіздке, і я хотів би навчитися кращому.

Натомість краще рішення:

перейдіть туди Extensions -> Images -> Extract Image..., там ви можете зберегти вибране растрове зображення як файл. Однак це розширення працює дивно і якось працює досить повільно (але ідеально добре).

Ще одна примітка: це розширення громіздке і мовчки вмирає на різних великих зображеннях. Крім того, при великій кількості растрових зображень це може спричинити використання пам'яті Inkscape до жахливих рівнів (наприклад, 3 ГБ після отримання лише декількох знімків).

Оскільки у мене є близько 20 svg-файлів з приблизно 70 растровими зображеннями в кожному, кожне зображення розміром не менше 1 Мб, мені було потрібно інше рішення. Після короткої перевірки за допомогою підказки Denilson Sá я розробив наступний скрипт php, який витягує зображення з файлів 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);

Таким чином я можу отримати всі потрібні зображення, а md5 врятує мене від отримання повторних зображень.

Б'юсь об заклад, що повинен бути інший спосіб, який набагато простіший, але розробити Inkscape Dev це краще.

Нарешті, через роки я написав сценарій, щоб правильно витягти всі зображення з SVG-файлу, використовуючи належну бібліотеку XML для розбору SVG-коду.

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

Цей сценарій написаний для Python 2.7, але його слід досить легко перетворити на Python 3. Ще краще, після перетворення на Python 3.4 можна видалити близько 50 рядків, завдяки новим функціям, введеним у цій версії.

Як чергове вирішення, ви можете зберегти як PDF, а потім відкрити цей документ за допомогою Inkscape.

Зніміть прапорець "Вставити зображення" та бінго, всі pngs / jpegs будуть виведені у ваш домашній каталог.

Брудний, але швидше, ніж гуляти з даними: URL.

Я вдосконалюю php-скрипт @Johnny_Bit . Новий випуск сценарію може використовувати svg з новими рядками. Він витягує кілька зображень із svg-файлу та зберігає їх у зовнішніх png-файлах. Файли Svg та png знаходяться у каталозі 'svg', але ви можете змінити його у постійному 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>';
}

?>

Відкрийте свій файл у Inkscape та виберіть растрову карту, яку потрібно експортувати. Клацніть Файл-> Експорт растрової карти (Ctrl + Shift + E), і він повинен експортувати лише вибрану растрову карту.