• 技术文章 >后端开发 >PHP问题

    php怎么将svg转换png格式

    青灯夜游青灯夜游2021-05-21 15:25:00原创284

    php将svg转换png格式的方法:1、安装php imagick扩展插件,利用插件中内置的函数来转换。2、先将svg图片转换成canvas图片;然后再将该canvas图片转换成png格式的图片。

    本教程操作环境:windows7系统、PHP7.1版,DELL G3电脑

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

    1.png

    2)png格式

    2.png

    推荐学习:《PHP视频教程

    以上就是php怎么将svg转换png格式的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:php svg转化png
    上一篇:php中null和空字符串的区别是什么 下一篇:php定义常量的方法是什么?有什么区别
    大前端线上培训班

    相关文章推荐

    • php怎么增加验证码• php怎么下载pdf 转存本地• PHP数据类型之什么是字符串,为什么要定义字符串(附源码)• PHP数据类型之什么是浮点型?如何使用PHP浮点型?• php怎么将字符串变量转为json对象• php中null和空字符串的区别是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网