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 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

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 = '<rect width="100%" height="100%" fill="#ffffff"></rect>' + 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)

/* 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格式

到此，关于“在PHP中实现svg转png的方法是什么？”的学习就结束了，希望能够解决大家的疑惑，另外大家动手实践也很重要，对大家加深理解和学习很有帮助。如果想要学习更多的相关知识，欢迎关注群英网络，小编每天都会给大家分享实用的文章!

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• php怎样验证邮箱格式？PHP自带函数验证详解

  我们在做注册页面的时候，需要用户填写邮箱信息，为了防止用户填写邮箱格式错误，我们需要对邮件格式验证。下面小编就给大家分享使用php实现验证邮箱格式的代码，需要的朋友可以参考学习。

• PHP中如何逐个字符读取文件，方法是什么

  文件读写是程序开发中最基本的操作之一，在实际开发中经常需要从文件中读取数据，或者向文件中写人数据；所以掌握文件读写操作是十分重要的。今天我们先来了解一下从文件中读取一个字符，如何逐个字符读取文件。在之后的文章中我们来慢慢介绍其他操作。

• TP5数据库中什么方法实现无限分类

  今天小编就为大家分享一篇在TP5数据库中四个字段实现无限分类的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

• PHP7魔术方法有多少，基本含义是什么

  php7魔术方法有：1、“__constract”方法；2、“__destruct”方法；3、“__set”方法；4、“__get”方法；5、“__call”方法；6、“__callStatic”方法；7、“__toString”方法等等。

• php的date函数格式怎样展示日期

  php的date函数格式怎么显示时间？很多新手对于date() 函数格式化的使用不是很了解。对此吗，这篇文章就给大家介绍一下date() 函数的语法以及时间格式化的方式，本文有两个示例，有这方学习需求的朋友可以看一下。