Преобразование SVG изображения в PNG с помощью PHP

Еще один очень быстрый и точный вариант-это безголовый браузер PhantomJS (webkit)

Http://phantomjs.org/

Вы упомянули, что делаете это, потому что IE не поддерживает SVG.

Хорошей новостью является то, что IE поддерживает векторную графику. Хорошо, это в виде языка под названием VML, который поддерживает только IE, а не SVG, но он есть, и вы можете его использовать.

Google Maps, среди прочего, определит возможности браузера, чтобы определить, следует ли обслуживать SVG или VML.

, то есть Рафаил библиотека, который является JavaScript browswer-графики библиотека, которая поддерживает либо SVG, либо VML, опять же в зависимости от браузера.

Еще один, который может помочь: SVGWeb .

Все это означает, что вы можете поддерживать своих пользователей IE, не прибегая к растровой графике.

Смотрите также верхний ответ на этот вопрос, например: xsl Transform SVG to VML

При преобразовании SVG в прозрачный PNG, не забудьте поставить это перед $imagick - >readImageBlob ():

$imagick->setBackgroundColor(new ImagickPixel('transparent'));

Это В. легко, я работаю над этим в течение последних нескольких недель.

Вам понадобится Batik SVG Toolkit. Загрузите иПоместите файлы в тот же каталог, что и SVG, который вы хотите преобразовать в JPEG , также убедитесь, что вы сначала распакуете его.

Откройте терминал и выполните следующую команду:

java -jar batik-rasterizer.jar -m image/jpeg -q 0.8 NAME_OF_SVG_FILE.svg

Это должно вывести JPEG файла SVG. Действительно простой. Вы даже можете просто поместить его в цикл и преобразовать нагрузки SVGs,

import os

svgs = ('test1.svg', 'test2.svg', 'etc.svg') 
for svg in svgs:
    os.system('java -jar batik-rasterizer.jar -m image/jpeg -q 0.8 '+str(svg)+'.svg')

Вы можете использовать библиотеку canvg js для преобразования SVG в PNG, более подробная информация здесь http://paksula.users.cs.helsinki.fi/svg_open_2010/demo.xhtml совместим со всеми основными браузерами!

Я использую его в своем проекте и фактически преобразую SVG в PNG (с помощью PHP, чтобы сохранить файл, конечно)

Я не знаю отдельного решения PHP / Apache, так как для этого потребуется библиотека PHP, которая может считывать и визуализировать изображения SVG. Я не уверен, что такая библиотека существует - я не знаю ни одной.

ImageMagick способен растеризировать SVG-файлы либо через командную строку, либо через привязку PHP, IMagick, но, похоже, имеет ряд причуд и внешних зависимостей, как показано, например, в этой теме форума. Я думаю, что это все еще самый многообещающий путь, это первый. на твоем месте я бы занялся этим делом.

$command = 'convert -density 300 ';
                        if(Input::Post('height')!='' && Input::Post('width')!=''){
                            $command.='-resize '.Input::Post('width').'x'.Input::Post('height').' ';
                        }
                        $command.=$svg.' '.$source;
                        exec($command);
                        @unlink($svg);

Или использование: potrace демо : Tool4dev.com

Это метод преобразования svg-изображения в gif с использованием стандартных инструментов php GD

1) вы помещаете изображение в элемент canvas в браузере:

<canvas id=myCanvas></canvas>

<script>
var Key='picturename'
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
base_image = new Image();
base_image.src = myimage.svg;
base_image.onload = function(){

    //get the image info as base64 text string

    var dataURL = canvas.toDataURL();
    //Post the image (dataURL) to the server using jQuery post method
    $.post('ProcessPicture.php',{'TheKey':Key,'image': dataURL ,'h': canvas.height,'w':canvas.width,"stemme":stemme } ,function(data,status){ alert(data+' '+status) });
}
</script>    

И затем преобразовать его на сервере (ProcessPicture.php) из (по умолчанию) png в gif и сохраните его. (вы могли бы сохранить как png тоже тогда использовать imagepng вместо image gif):

//receive the posted data in php
$pic=$_POST['image'];
$Key=$_POST['TheKey'];
$height=$_POST['h'];
$width=$_POST['w'];
$dir='../gif/'
$gifName=$dir.$Key.'.gif';
 $pngName=$dir.$Key.'.png';

//split the generated base64 string before the comma. to remove the 'data:image/png;base64, header  created by and get the image data
$data = explode(',', $pic);
$base64img = base64_decode($data[1]);
$dimg=imagecreatefromstring($base64img); 

//in order to avoid copying a black figure into a (default) black background you must create a white background

$im_out = ImageCreateTrueColor($width,$height);
$bgfill = imagecolorallocate( $im_out, 255, 255, 255 );
imagefill( $im_out, 0,0, $bgfill );

//Copy the uploaded picture in on the white background
ImageCopyResampled($im_out, $dimg ,0, 0, 0, 0, $width, $height,$width, $height);

//Make the gif and png file 
imagegif($im_out, $gifName);
imagepng($im_out, $pngName);

Вы можете использовать библиотеку Raphaël-JavaScript и легко достичь этого. Он будет работать и в IE.