Bir SVG dosyasından gömülü görüntü nasıl ayıklanır?

İçinde en az bir katıştırılmış JPG / PNG görüntü içeren bir SVG dosyası var. JPG / PNG görüntülerini bu SVG dosyasından ayıklamak ve diske kaydetmek istiyorum.

inkscapeSVG dosyalarını düzenlemek için kullandığım program olduğu için etiketi ekliyorum , ancak diğer araçları kullanarak çözümleri de kabul ediyorum.

Kendi çözümüm (veya ... geçici çözümüm):

1. Inkscape'te görüntüyü seçin
2. Yerleşikini açın XML Editor( Shift+ Ctrl+ X)
3. xlink:hrefGörüntüyü veri olarak içerecek özelliği seçin : URI
4. Tüm data:URI'yi kopyala
5. Bu data:URI'yi bir tarayıcıya yapıştırın ve oradan kaydedin.

Alternatif olarak, SVG dosyasını herhangi bir metin düzenleyicide açabilir, URI'yi bulabilir data:ve oradan kopyalayabilirim.

Bu çözüm işe yarıyor olsa da, biraz hantal ve daha iyi bir çözüm öğrenmek isterim.

Bunun yerine daha iyi bir çözüm var:

gidin Extensions -> Images -> Extract Image..., bir dosya olarak seçilen tarama görüntü var kaydedebilirsiniz. Ancak bu uzantı tuhaf çalışıyor ve bir şekilde oldukça yavaş çalışıyor (ama mükemmel derecede iyi).

Başka bir not: Bu uzantı hantal ve çeşitli büyük görüntülerde sessizce ölüyor. Ayrıca, çok sayıda raster görüntü ile, inkscape'in bellek kullanımını korkunç seviyelere çıkarabilir (sadece bir avuç görüntü çıkarıldıktan sonra 3GB gibi).

Her birinde en az 1 MB boyutunda, her birinde yaklaşık 70 tarama görüntüsü bulunan yaklaşık 20 svg dosyam olduğu için farklı bir çözüme ihtiyacım vardı. Denilson Sá ipucunu kullanarak kısa bir kontrol yaptıktan sonra svg dosyalarından görüntüleri ayıklayan aşağıdaki php betiğini tasarladım:

#!/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);

Bu şekilde istediğim tüm görüntüleri alabilirim ve md5 beni tekrarlanan görüntülerden kurtarır.

Bahse girerim, çok daha basit başka bir yol olmalı, ancak daha iyi yapmak için inkscape geliştiricilere kalmış.

Son olarak, yıllar sonra, SVG kodunu ayrıştırmak için uygun bir XML kitaplığı kullanarak bir SVG dosyasındaki tüm görüntüleri doğru bir şekilde ayıklamak için bir komut dosyası yazdım.

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

Bu komut dosyası Python 2.7 için yazılmıştır, ancak Python 3'e dönüştürmek oldukça kolay olmalıdır. Daha da iyisi, bu sürümde sunulan yeni özellikler nedeniyle Python 3.4'e dönüştürüldükten sonra yaklaşık 50 satır silinebilir.

Başka bir geçici çözüm olarak PDF olarak kaydedebilir, ardından bu belgeyi Inkscape ile açabilirsiniz.

"Gömme resimleri" nin işaretini kaldırın ve tombala, tüm pngs / jpegs ana dizininize gönderilecektir.

Dağınık, ancak verilerle ilgili olmaktan daha hızlı: URL.

@Johnny_Bit php-script geliştirmek . Betiğin yeni sürümü svg'yi yeni satırlarla kullanabilir. Svg dosyasından birden fazla görüntüyü ayıklar ve harici png dosyalarına kaydeder. Svg ve png dosyaları 'svg' dizinindedir, ancak sabit 'SVG_DIR' biçiminde değiştirebilirsiniz.

<?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>';
}

?>

Dosyanızı Inkscape'te açın ve dışa aktarmak istediğiniz bitmap'i seçin. Dosya-> Bitmap'i Dışa Aktar'ı (Ctrl + Shift + E) tıklatın; yalnızca seçilen bitmap'i dışa aktarmalıdır.