立即注册 找回密码

QQ登录

只需一步,快速开始

第一站长论坛

搜索
60金币/天 购买
30金币/天 购买
30金币/天 购买
30金币/天 购买
30金币/天 购买

小喇叭+ 发布

02-23 17:43
02-16 11:07
02-16 11:05
02-16 11:03
查看: 100|回复: 0

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

[复制链接]
发表于 2020-1-24 12:18 | 显示全部楼层 |阅读模式
本文实例报告了php 实现svg转化png格式的方法。分享给大家供大家参考,具体如下:
svg转png实现

1.php imagick扩展插件

a.研究imagick插件方法
  1. $im = new Imagick($upload_path . $file_name);$svg = file_get_contents($upload_path . $file_name);$svg = ''.$svg;$im->readImageBlob($svg);// png settings$im->setImageFormat("png24");$srcImage = $im->getImageGeometry(); //获取源图片宽和高$im->resizeImage($srcImage['width'], $srcImage['height'], imagick::FILTER_LANCZOS, 1, false);$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
  1. function drawInlineSVG($svg, callback) {  var svg = $svg;  var parser = new DOMParser();  var doc = parser.parseFromString(svg, "text/xml");  svg = doc.getElementsByTagName('svg');  svg = svg[0];  svg.innerHTML = '' + svg.innerHTML;  var svgData = new XMLSerializer().serializeToString( svg );  var img = document.createElement( "img" );  img.setAttribute( "src", "data:image/svg+xml;base64," + btoa( unescape(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 base64Src = canvas.toDataURL( "image/png" );    callback && callback(base64Src); // 调用回掉函数  }; return;}
复制代码
b.canvas转png(base64Src转化为png)
  1. /* base64格式编码转换为图片并保存对应文件夹 */function base64_image_content($base64_image_content,$path, $file_name = ''){  //匹配出图片的格式  if (preg_match('/^(data:\s*image\/(\w+);base64,)/', $base64_image_content, $result)){    if(!file_exists($path)){      // 路径不存在     return false;    }    $new_file = $path . $file_name;    if (file_put_contents($new_file, base64_decode(str_replace($result[1], '', $base64_image_content)))){      return '/'.$new_file;    }else{      return false;    }  }else{    return false;  }}
复制代码
c.效果示例
1)svg格式


2)png格式


PS:这里再为大家提供几款比较实用的base64在线编码解码工具供大家使用:
BASE64编码解码工具:
http://tools.jb51.net/transcoding/base64
在线图片转换BASE64工具:
http://tools.jb51.net/transcoding/img2base64
Base64在线编码解码 UTF-8版:
http://tools.jb51.net/tools/base64_decode-utf8.php
Base64在线编码解码 gb2312版:
http://tools.jb51.net/tools/base64_decode-gb2312.php
更多关于PHP相关内容感兴趣的读者可查看本站专题:《PHP图形与图片操作技巧汇总》、《php文件操作总结》、《PHP编码与转码操作技巧汇总》、《PHP中json格式数据操作技巧汇总》、《PHP数组(Array)操作技巧大全》、《PHP运算与运算符用法总结》及《php字符串(string)用法总结》
希望本文所述对大家PHP步伐设计有所资助。

免责声明:如果侵犯了您的权益,请联系我们,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|第一站长论坛 ( 闽ICP备16019670号-2 )

GMT+8, 2020-6-3 16:00 , Processed in 0.181651 second(s), 35 queries .

Powered by Discuz! X3.4 © 2001-2013 Comsenz Inc & Style Design

快速回复 返回顶部 返回列表