前端 png转base64 =》二进制文件流=》svg base64转pdf 前端所有流互转

最新推荐文章于 2024-03-19 20:01:04 发布

跟着阿龙学编程

最新推荐文章于 2024-03-19 20:01:04 发布

阅读量205

点赞数

文章标签：前端 pdf javascript

本文链接：https://blog.csdn.net/longshao_520/article/details/130642326

版权

这段代码展示了如何使用JavaScript将PNG图像转换为Base64编码，然后创建一个SVGBlob对象，并最终保存为SVG文件。它涉及到fetchAPI来获取图像，FileReader用于读取数据，以及利用html2canvas和jspdf库可能涉及的图像处理和PDF生成。

摘要由CSDN通过智能技术生成

png 转base64 =>二进制文件 =》svg


const png2base64 = async()=>{
	 let base64_url:any =   await convertToBase64(imageUrl.value);
    console.log(base64_url);


  const svgBlob = new Blob([SVG_data], { type: "image/svg+xml;charset=utf-8" });
  console.log(svgBlob);
  const file2 = new File([svgBlob], "svgaa.svg", { type: "image/svg+xml" });
  console.log(file2);


  const res2 = await uploadFile(file2);
  console.log(res2);
    
}



	const convertToBase64=async(url)=> {
    const response = await fetch(url);
    const blob = await response.blob();
    return new Promise((resolve, reject) => {
      const reader = new FileReader();
      reader.addEventListener("load", () => resolve(reader.result));
      reader.addEventListener("error", () => reject("Error"));
      reader.readAsDataURL(blob);
    });
  }