图片SVG转PNG格式 data:image/svg+xml；base64 转 data:image/png；base64

最新推荐文章于 2024-09-02 08:34:11 发布

射手男很懒

最新推荐文章于 2024-09-02 08:34:11 发布

阅读量5.8k

点赞数

文章标签： xml vue.js html5

本文链接：https://blog.csdn.net/qq_36247432/article/details/119350921

版权

      const img = new Image(); // 创建图片容器
      img.src = imageBase64; //imageBase64 为svg+xml的Base64 文件流
      img.onload = () => {
        // 图片创建后再执行，转Base64过程
        const canvas = document.createElement('canvas');
        canvas.width = 660;  //设置好 宽高  不然图片 不完整
        canvas.height = 300;
        const context = canvas.getContext('2d');
        context.drawImage(img, 0, 0);
        let ImgBase64 = canvas.toDataURL('image/png');
        console.log(ImgBase64, 'Svg 转 png');
        //ImgBase64 为转换后的 png ImgBase64 文件流
      }