php 实现svg转化png格式的方法分析

本文实例讲述了php 实现svg转化png格式的方法。分享给大家供大家参考，具体如下：

svg转png实现

1.php imagick扩展插件

a.研究imagick插件方法

$im = new imagick($upload_path . $file_name);$svg = file_get_contents($upload_path . $file_name);$svg = '<?xml version="1.0" encoding="utf-8" standalone="no"?>'.$svg;$im->readimageblob($svg);// png ttings$im->timageformat("png24");$srcimage = $im->getimagegeometry(); //获取源图片宽和高$im->resizeimage($srcimage['width'], $srcimage['height'], imagick::filter_lanczos, 1, fal);$im->writeimage($upload_path.'/'.$topng_name.'.png');$im->clear();$im->destroy();

b.遇到的问题

svg图片可以成功转化为png格式图片，但png图片存在问题：

1）线段丢失；

2）字体不展示；

3）svg文件中style标签样式不能解析；

2.弃楚乔传燕洵用imagick插件，改人生不相见动如参与商为svg转canvas转png

a.svg转canvas

function drawinlinesvg($svg, callback) {  var svg = $svg;  var parr = new domparr();  var doc = parr.parfromstring(svg, "text/xml");  svg = doc.getelementsbytagn西安兆隆ame('svg');  svg = svg[0];  svg.innerhtml = '<rect width="100%" height="100%" fill="#ffffff"></rect>' + svg.innerhtml;  var svgdata = new xmlrializer().rializetostring( svg );  var img = document.createelement( "img" );  img.tattribute( "src", "data:image/svg+xml;ba64," + btoa( une家教心得scape(encodeuricomponent(svgdata)) ) );  img.onload = function () {    var canvas = document.createelement( "canvas" );    canvas.width = img.width;    canvas.height = img.height;    var ctx = canvas.getcontext( "2d" ); //取得画布的2d绘图上下文    ctx.drawimage( img, 0, 0 );    canvas.todataurl( "image/png" );    var ba64src = canvas.todataurl( "image/png" );    callback && callback(ba64src); // 调用回掉函数  }; return;}

b.canvas转png(ba64src转化为png)

/* ba64格式编码转换为图片并保存对应文件夹 */function ba64_image_content($ba64_image_content,$path, $file_name = ''){  //匹配出图片的格式  if (preg_match('/^(data:\s*image\/(\w+);ba64,)/', $ba64_image_content, $result)){    if(!file_exists($path)){      // 路径不存在     return fal;    }    $new_file = $path . $file_name;    if (file_put_contents($new_file, ba64_decode(str_replace($result[1], '', $ba64_image_content)))){      return '/'.$new_file;    }el{      return fal;    }  }el{    return fal;  }}

c.效果示例

1）svg格式

2）png格式

ps：这里再为大家提供几款比较实用的ba64在线编码解码工具供大家使用：

ba64编码解码工具：

在线图片转换ba64工具：

ba64在线编码解码 utf-8版：

ba64在线编码解码 gb2312版：