blocks|key|2843736|text|我不知道有什么独立的PHP+/+Apache解决方案，因为这需要一个可以读取和呈现SVG图像的PHP库。我不确定这样的库是否存在--我不知道。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2843737|ImageMagick能够通过命令行或IMagick绑定来栅格化SVG文件，但似乎有一些怪癖和外部依赖，如在this+forum+thread中所示。我认为这仍然是最有希望的方法，如果我是你，这是我第一件要考虑的事情。|offset|length|2843738|entityMap|0|LINK|mutability|MUTABLE|url|http://www.imagemagick.org/|1|http://php.net/manual/en/book.imagick.php|2|http://www.imagemagick.org/discourse-server/viewtopic.php?f=1&t=10275&p=33920^0|0|0|B|0|J|7|1|1I|H|2|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]|$D|W|E|X|1|Y]|$D|Z|E|10|1|11]]|A|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]|N|$5|I|J|K|A|$L|O]]|P|$5|I|J|K|A|$L|Q]]]]

I do not know of a standalone PHP / Apache solution, as this would require a PHP library that can read and render SVG images. I'm not sure such a library exists - I don't know any.

<a href="http://www.imagemagick.org" rel="nofollow">ImageMagick</a> is able to rasterize SVG files, either through the command line or the PHP binding, <a href="http://php.net/manual/en/book.imagick.php" rel="nofollow">IMagick</a>, but seems to have a number of quirks and external dependencies as shown e.g. in <a href="http://www.imagemagick.org/discourse-server/viewtopic.php?f=1&amp;t=10275&amp;p=33920" rel="nofollow">this forum thread</a>. I think it's still the most promising way to go, it's the first thing I would look into if I were you.

blocks|key|775880|text|你提到你这样做是因为IE不支持SVG。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|775881|好消息是IE确实支持矢量图形。好的，它的形式是一种叫做VML的语言，只有IE支持，而不是SVG，但是它确实存在，你可以使用它。|775882|除其他功能外，Google+Maps将检测浏览器功能，以确定是提供SVG还是VML。|775883|然后是Raphael+library，这是一个基于Javascript浏览器的图形库，它支持SVG或VML，同样取决于浏览器。|offset|length|775884|另一个可能有帮助的网站是：SVGWeb。|775885|所有这些都意味着您可以支持您的IE用户，而不必求助于位图图形。|775886|另请参阅此问题的顶部答案，例如：XSL+Transform+SVG+to+VML|775887|entityMap|0|LINK|mutability|MUTABLE|url|http://raphaeljs.com/|1|http://code.google.com/p/svgweb/|2|https://stackoverflow.com/questions/2836579/xsl-transform-svg-to-vml^0|0|0|0|3|F|0|0|D|6|1|0|0|G|O|2|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|13|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|14|8|@]|9|@$H|15|I|16|1|17]]|A|$]]|$1|J|3|K|5|6|7|18|8|@]|9|@$H|19|I|1A|1|1B]]|A|$]]|$1|L|3|M|5|6|7|1C|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1D|8|@]|9|@$H|1E|I|1F|1|1G]]|A|$]]|$1|P|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W]]|X|$5|S|T|U|A|$V|Y]]|Z|$5|S|T|U|A|$V|10]]]]

You mention that you are doing this because IE doesn't support SVG.

The good news is that IE does support vector graphics. Okay, so it's in the form of a language called VML which only IE supports, rather than SVG, but it is there, and you can use it.

Google Maps, among others, will detect the browser capabilities to determine whether to serve SVG or VML.

Then there's the <a href="http://raphaeljs.com/" rel="nofollow noreferrer">Raphael library</a>, which is a Javascript browswer-based graphics library, which supports either SVG or VML, again depending on the browser.

Another one which may help: <a href="http://code.google.com/p/svgweb/" rel="nofollow noreferrer">SVGWeb</a>.

All of which means that you can support your IE users without having to resort to bitmap graphics.

See also the top answer to this question, for example: <a href="https://stackoverflow.com/questions/2836579/xsl-transform-svg-to-vml">XSL Transform SVG to VML</a>

blocks|key|4444444|text|你问这个问题很有趣，我最近刚为我的工作网站做了这个，我在想我应该写一个教程……下面是如何使用使用ImageMagick的PHP/Imagick完成此操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4444445|$usmap+=+'/path/to/blank/us-map.svg';
$im+=+new+Imagick();
$svg+=+file_get_contents($usmap);

/*loop+to+color+each+state+as+needed,+something+like*/+
$idColorArray+=+array(
+++++"AL"+=>+"339966"
++++,"AK"+=>+"0099FF"
++++...
++++,"WI"+=>+"FF4B00"
++++,"WY"+=>+"A3609B"
);

foreach($idColorArray+as+$state+=>+$color){
//Where+$color+is+a+RRGGBB+hex+value
++++$svg+=+preg_replace(
+++++++++'/id="'.$state.'"+style="fill:#([0-9a-f]{6})/'
++++++++,+'id="'.$state.'"+style="fill:#'.$color
++++++++,+$svg
++++);
}

$im->readImageBlob($svg);

/*png+settings*/
$im->setImageFormat("png24");
$im->resizeImage(720,+445,+imagick::FILTER_LANCZOS,+1);++/*Optional,+if+you+need+to+resize*/

/*jpeg*/
$im->setImageFormat("jpeg");
$im->adaptiveResizeImage(720,+445);+/*Optional,+if+you+need+to+resize*/

$im->writeImage('/path/to/colored/us-map.png');/*(or+.jpg)*/
$im->clear();
$im->destroy();|code-block|syntax|javascript|4444446|正则表达式颜色替换的步骤可能会根据svg路径xml以及id和颜色值的存储方式而有所不同。如果你不想在服务器上存储文件，你可以像这样输出64位格式的图像|4444447|<?php+echo+'<img+src="data:image/jpg;base64,'+.+base64_encode($im)+.+'"++/>';?>|4444448|(在你使用clear/destroy之前)，但是ie把PNG作为base64有问题，所以你可能不得不把base64作为jpeg输出|4444449|你可以在这里看到我为一个前雇主的销售区域图做的一个例子：|4444450|开始：https://upload.wikimedia.org/wikipedia/commons/1/1a/Blank_US_Map_(states_only).svg|offset|length|4444451|​|4444452|📷|atomic|4444453|4444454|完成：|4444455|4444456|4444457|编辑|style|BOLD|4444458|自从写了上面的内容后，我想出了两个改进的技术：|4444459|1)不使用正则表达式循环来更改填充状态，而是使用CSS创建样式规则，如下所示|4444460|<style+type="text/css">
#CA,#FL,HI{
++++fill:blue;
}
#Al,+#NY,+#NM{
++++fill:#cc6699;
}
/*etc..*/
</style>|4444461|然后，在继续imagick+jpeg/png创建之前，可以进行单个文本替换，将css规则注入到svg中。如果颜色没有改变，请检查以确保您的路径标签中没有任何内联填充样式覆盖css。|4444462|2)如果您不需要实际创建jpeg/png图像文件(也不需要支持过时的浏览器)，则可以直接使用jQuery操作svg。在使用img或object标记嵌入svg时，您无法访问svg路径，因此您必须在网页html中直接包含svg+xml，如下所示：|4444463|<div>
<?php+echo+file_get_contents('/path/to/blank/us-map.svg');?>
</div>|4444464|然后更改颜色就像下面这样简单：|4444465|<script+type="text/javascript"+src="/path/to/jquery.js"></script>
<script+type="text/javascript">
++++$('#CA').css('fill',+'blue');
++++$('#NY').css('fill',+'#ff0000');
</script>|4444466|entityMap|0|LINK|mutability|MUTABLE|url|https://ask.qcloudimg.com/http-save/yehe-900000/34b46bb957371c9012056cb1f92719ea.svg|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/34b46bb957371c9012056cb1f92719ea.svg/|imageAlt|2|https://ask.qcloudimg.com/http-save/yehe-900000/8f955c802b7c3c70c778013d323f2c52.png^0|0|0|0|0|0|0|3|2A|0|0|0|0|1|1|0|0|0|0|1|2|0|0|0|2|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|22|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|23|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|24|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|25|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|26|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|27|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|28|8|@]|9|@$Q|29|R|2A|1|2B]]|A|$]]|$1|S|3|T|5|6|7|2C|8|@]|9|@]|A|$]]|$1|U|3|V|5|W|7|2D|8|@]|9|@$Q|2E|R|2F|1|2G]]|A|$]]|$1|X|3|T|5|6|7|2H|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|2I|8|@]|9|@]|A|$]]|$1|10|3|V|5|W|7|2J|8|@]|9|@$Q|2K|R|2L|1|2M]]|A|$]]|$1|11|3|T|5|6|7|2N|8|@]|9|@]|A|$]]|$1|12|3|13|5|6|7|2O|8|@$Q|2P|R|2Q|14|15]]|9|@]|A|$]]|$1|16|3|17|5|6|7|2R|8|@]|9|@]|A|$]]|$1|18|3|19|5|6|7|2S|8|@]|9|@]|A|$]]|$1|1A|3|1B|5|D|7|2T|8|@]|9|@]|A|$E|F]]|$1|1C|3|1D|5|6|7|2U|8|@]|9|@]|A|$]]|$1|1E|3|1F|5|6|7|2V|8|@]|9|@]|A|$]]|$1|1G|3|1H|5|D|7|2W|8|@]|9|@]|A|$E|F]]|$1|1I|3|1J|5|6|7|2X|8|@]|9|@]|A|$]]|$1|1K|3|1L|5|D|7|2Y|8|@]|9|@]|A|$E|F]]|$1|1M|3|-4|5|6|7|2Z|8|@]|9|@]|A|$]]]|1N|$1O|$5|1P|1Q|1R|A|$1S|1T]]|1U|$5|1V|1Q|1W|A|$1X|1Y|1Z|-4]]|20|$5|1V|1Q|1W|A|$1X|21|1Z|-4]]]]

That's funny you asked this, I just did this recently for my work's site and I was thinking I should write a tutorial... Here is how to do it with PHP/Imagick, which uses ImageMagick:

<pre><code>$usmap = '/path/to/blank/us-map.svg';
$im = new Imagick();
$svg = file_get_contents($usmap);

/*loop to color each state as needed, something like*/ 
$idColorArray = array(
 "AL" =&gt; "339966"
 ,"AK" =&gt; "0099FF"
 ...
 ,"WI" =&gt; "FF4B00"
 ,"WY" =&gt; "A3609B"
);

foreach($idColorArray as $state =&gt; $color){
//Where $color is a RRGGBB hex value
 $svg = preg_replace(
 '/id="'.$state.'" style="fill:#([0-9a-f]{6})/'
 , 'id="'.$state.'" style="fill:#'.$color
 , $svg
 );
}

$im-&gt;readImageBlob($svg);

/*png settings*/
$im-&gt;setImageFormat("png24");
$im-&gt;resizeImage(720, 445, imagick::FILTER_LANCZOS, 1); /*Optional, if you need to resize*/

/*jpeg*/
$im-&gt;setImageFormat("jpeg");
$im-&gt;adaptiveResizeImage(720, 445); /*Optional, if you need to resize*/

$im-&gt;writeImage('/path/to/colored/us-map.png');/*(or .jpg)*/
$im-&gt;clear();
$im-&gt;destroy();
</code></pre>

the steps regex color replacement may vary depending on the svg path xml and how you id &amp; color values are stored. If you don't want to store a file on the server, you can output the image as base 64 like

<pre><code>&lt;?php echo '&lt;img src="data:image/jpg;base64,' . base64_encode($im) . '" /&gt;';?&gt;
</code></pre>

(before you use clear/destroy) but ie has issues with PNG as base64 so you'd probably have to output base64 as jpeg

you can see an example here I did for a former employer's sales territory map:

Start: <a href="https://upload.wikimedia.org/wikipedia/commons/1/1a/Blank_US_Map_(states_only).svg" rel="noreferrer">https://upload.wikimedia.org/wikipedia/commons/1/1a/Blank_US_Map_(states_only).svg</a> 

<img src="https://upload.wikimedia.org/wikipedia/commons/1/1a/Blank_US_Map_(states_only).svg"/>

Finish: <img src="https://i.stack.imgur.com/pRHSD.png" alt="enter image description here">

Edit

Since writing the above, I've come up with 2 improved techniques:

1) instead of a regex loop to change the fill on state , use CSS to make style rules like 

<pre><code>&lt;style type="text/css"&gt;
#CA,#FL,HI{
 fill:blue;
}
#Al, #NY, #NM{
 fill:#cc6699;
}
/*etc..*/
&lt;/style&gt;
</code></pre>

and then you can do a single text replace to inject your css rules into the svg before proceeding with the imagick jpeg/png creation. If the colors don't change, check to make sure you don't have any inline fill styles in your path tags overriding the css.

2) If you don't have to actually create a jpeg/png image file (and don't need to support outdated browsers), you can manipulate the svg directly with jQuery. You can't access the svg paths when embedding the svg using img or object tags, so you'll have to directly include the svg xml in your webpage html like:

<pre><code>&lt;div&gt;
&lt;?php echo file_get_contents('/path/to/blank/us-map.svg');?&gt;
&lt;/div&gt;
</code></pre>

then changing the colors is as easy as:

<pre><code>&lt;script type="text/javascript" src="/path/to/jquery.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
 $('#CA').css('fill', 'blue');
 $('#NY').css('fill', '#ff0000');
&lt;/script&gt;
</code></pre>

blocks|key|776104|text|这是v.+easy，在过去的几周里我一直在做这方面的工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|776105|你需要Batik+SVG+Toolkit。下载，并将文件放置在与您想要转换为的SVG相同的目录中，也请确保您首先解压缩它。|offset|length|776106|打开终端，运行以下命令：|776107|java+-jar+batik-rasterizer.jar+-m+image/jpeg+-q+0.8+NAME_OF_SVG_FILE.svg|code-block|syntax|javascript|776108|这将输出SVG文件的JPEG格式。非常简单。你甚至可以把它放在一个循环中，然后转换成SVG负载，|776109|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+'%2Bstr(svg)%2B'.svg')|776110|entityMap|0|LINK|mutability|MUTABLE|url|http://xmlgraphics.apache.org/batik/^0|0|3|H|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@$D|10|E|11|1|12]]|A|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|14|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|16|8|@]|9|@]|A|$K|L]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

This is v. easy, have been doing work on this for the past few weeks. 

You need the <a href="http://xmlgraphics.apache.org/batik/" rel="nofollow noreferrer">Batik SVG Toolkit</a>. Download, and place the files in the same directory as the SVG you want to convert to a JPEG, also make sure you unzip it first.

Open the terminal, and run this command:

<pre><code>java -jar batik-rasterizer.jar -m image/jpeg -q 0.8 NAME_OF_SVG_FILE.svg
</code></pre>

That should output a JPEG of the SVG file. Really easy. 
You can even just place it in a loop and convert loads of SVGs, 

<pre><code>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')
</code></pre>

blocks|key|2844049|text|在将SVG转换为透明PNG时，不要忘记将其放在$imagick->readImageBlob()之前|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2844050|$imagick->setBackgroundColor(new+ImagickPixel('transparent'));|code-block|syntax|javascript|2844051|entityMap^0|N|P|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

When converting SVG to transparent PNG, don't forget to put this BEFORE <code>$imagick-&gt;readImageBlob()</code>:

<pre><code>$imagick-&gt;setBackgroundColor(new ImagickPixel('transparent'));
</code></pre>

blocks|key|2844057|text|您可以使用Raphaël—JavaScript+Library并轻松实现它。它也可以在IE中工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2844058|entityMap|0|LINK|mutability|MUTABLE|url|http://raphaeljs.com/australia.html^0|5|Q|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You can use <a href="http://raphaeljs.com/australia.html" rel="nofollow">Raphaël—JavaScript Library</a> and achieve it easily. It will work in IE also.

blocks|key|2844063|text|$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);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2844064|或者使用:+potrace演示:Tool4dev.com|unstyled|offset|length|2844065|entityMap|0|LINK|mutability|MUTABLE|url|http://tool4dev.com/convert-image-to-svg.html^0|0|G|C|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

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

or using : potrace
demo :<a href="http://tool4dev.com/convert-image-to-svg.html" rel="nofollow">Tool4dev.com</a>

blocks|key|2844097|text|这是一种使用标准php工具将svg图片转换为gif的方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2844098|1)将图片放入浏览器的画布元素中：|2844099|<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%2B'+'%2Bstatus)+});
}
</script>++++|code-block|syntax|javascript|2844100|然后在服务器(ProcessPicture.php)将其从(默认)+png转换为gif并保存。(您也可以保存为png，然后使用imagepng而不是image+gif)：|2844101|//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);|2844102|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

This is a method for converting a svg picture to a gif using standard php GD tools

1) You put the image into a canvas element in the browser:

<pre><code>&lt;canvas id=myCanvas&gt;&lt;/canvas&gt;

&lt;script&gt;
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) });
}
&lt;/script&gt; 
</code></pre>

And then convert it at the server (ProcessPicture.php) from (default) png to gif and save it. (you could have saved as png too then use imagepng instead of image gif):

<pre><code>//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);
</code></pre>

I'm working on a web project that involves a dynamically generated map of the US coloring different states based on a set of data. 

This SVG file gives me a good blank map of the US and is very easy to change the color of each state. The difficulty is that IE browsers don't support SVG so in order for me to use the handy syntax the svg offers, I'll need to convert it to a JPG. 

Ideally, I'd like to do this with only the GD2 library but could also use ImageMagick. I have absolutely no clue how to do this. 

Any solution that would allow me to dynamically change the colors of states on a map of the US will be considered. The key is that it is easy to change the colors on the fly and that it is cross browser. PHP/Apache solutions only, please.

Convert SVG image to PNG with PHP

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在做一个网络项目，它涉及到一个动态生成的美国地图，根据一组数据给不同的州着色。这个SVG文件为我提供了一个很好的空白美国地图，并且很容易更改每个州的颜色。困难在于IE浏览器不支持SVG，所以为了让我使用svg提供的方便的语法，我需要将其转换为JPG。理想情况下，我希望只使用GD2库，但也可以使用ImageMagic...

问用PHP将SVG图像转换为PNG格式
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用PHP将SVG图像转换为PNG格式EN