PHP에서 svg를 png로 변환하는 방법

藏色散人

풀어 주다： 2023-03-04 22:36:02

원래의

3373명이 탐색했습니다.

PHP에서 svg를 png로 변환하는 방법: 먼저 "drawInlineSVG" 메서드를 통해 svg를 캔버스로 변환한 다음 "base64_image_content" 메서드를 사용하여 캔버스를 png로 변환합니다.

PHP에서 svg를 png로 변환하는 방법

svg에서 png 구현

1.php imagick 확장 플러그인

a을 연구하세요. 문제가 발생했습니다.

svg 이미지를 png 형식 이미지로 성공적으로 변환할 수 있지만 png 이미지에 문제가 있습니다.

1) 선 세그먼트가 누락되었습니다.

2) 글꼴이 표시되지 않습니다.

3) svg 파일을 구문 분석할 수 없습니다.

2. Imagick은 더 이상 사용되지 않는 플러그인입니다. svg를 canvas로, png

a.svg를 canvas

$im = new Imagick($upload_path . $file_name);
$svg = file_get_contents($upload_path . $file_name);
$svg = &#39;<?xml version="1.0" encoding="UTF-8" standalone="no"?>&#39;.$svg;
$im->readImageBlob($svg);

// png settings
$im->setImageFormat("png24");
$srcImage = $im->getImageGeometry(); //获取源图片宽和高
$im->resizeImage($srcImage[&#39;width&#39;], $srcImage[&#39;height&#39;], imagick::FILTER_LANCZOS, 1, false);

$im->writeImage($upload_path.&#39;/&#39;.$topng_name.&#39;.png&#39;);
$im->clear();
$im->destroy();

로그인 후 복사

b.canvas로 변경하세요(base64Src를 png로 변환)

function drawInlineSVG($svg, callback) {
    var svg = $svg;

    var parser = new DOMParser();
    var doc = parser.parseFromString(svg, "text/xml");
    svg = doc.getElementsByTagName(&#39;svg&#39;);
    svg = svg[0];

    svg.innerHTML = &#39;<rect width="100%" height="100%" fill="#ffffff"></rect>&#39; + 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;
}

로그인 후 복사