加入收藏 | 设为首页 | 会员中心 | 我要投稿 银川站长网 (https://www.0951zz.com/)- 云通信、基础存储、云上网络、机器学习、视觉智能!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

如何使用 PHP 将 svg 图象转换为 PNG

发布时间:2023-10-26 11:27:20 所属栏目:PHP教程 来源:
导读:今天这篇我们来学习和了解“在PHP中实现svg转png的方法是什么?”,下文的讲解详细,步骤过程清晰,对大家进一步学习和理解“在PHP中实现svg转png的方法是什么?”有一定的帮助。有这方面学习需

今天这篇我们来学习和了解“在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 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的方法是什么?”的学习就结束了,希望能够解决大家的疑惑,另外大家动手实践也很重要,对大家加深理解和学习很有帮助。

(编辑:银川站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章