svg转base64代码

以下是将 SVG 转换为 base64 的示例代码：

const fs = require('fs');
const path = require('path');
const { createCanvas } = require('canvas');

// 读取 SVG 文件
const svg = fs.readFileSync(path.join(__dirname, 'example.svg'), 'utf-8');

// 创建 Canvas 画布
const canvas = createCanvas(300, 300);
const ctx = canvas.getContext('2d');

// 将 SVG 渲染到 Canvas 上
const image = new Image();
image.src = `data:image/svg+xml;base64,${Buffer.from(svg).toString('base64')}`;
image.onload = () => {
  ctx.drawImage(image, 0, 0, 300, 300);

  // 将 Canvas 转换为 base64
  const base64 = canvas.toDataURL();
  console.log(base64);
};

其中，`example.svg` 是 SVG 文件的路径。这段代码使用了 `canvas` 模块，需要先安装依赖：

npm install canvas

相关问题

svg转base64

要将SVG转换为Base64格式，可以使用代码或在线工具来完成。一种方法是在代码中使用data URI scheme，将SVG代码直接嵌入到CSS样式中。可以使用以下格式将SVG转换为Base64：

background-image: url("data:image/svg+xml;base64,[Base64编码]");

其中，[Base64编码]是SVG代码经过Base64编码后的字符串。

另一种方法是使用在线工具进行转换。你可以复制SVG代码，并使用在线Base64编码工具将其转换为Base64格式。一些常用的在线工具包括：

- [base64.guru](https://www.base64.guru/converter/encode/image/svg)
- [FreeFormatter](https://www.freeformatter.com/base64-encoder.html)
- [Online Base64 Image Encoder](https://www.askapache.com/online-tools/base64-image-converter/)

在这些工具中，你只需要将SVG代码粘贴到指定的输入框中，然后点击转换按钮，即可获得转换后的Base64编码。请注意，不同工具的界面和操作可能会有所不同，但基本原理是一样的。

请根据你的具体需求选择适合的方法来将SVG转换为Base64格式。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [svg64:在Node和浏览器中将SVG转换为base64](https://download.csdn.net/download/weixin_42114041/18257082)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [微信小程序 icon图标 SVG代码转码为Base64编码格式并使用（霸霸看了都说好）](https://blog.csdn.net/pujun1201/article/details/119756993)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

svg转svg格式base64

要将SVG转换为SVG格式的Base64，可以使用以下代码：

// 假设svgBase64是SVG的Base64数据
let svgBase64 = "data:image/svg+xml;base64,..................";

// 创建一个Image对象
const img = new Image();

// 设置Image对象的src为SVG的Base64数据
img.src = svgBase64;

// 创建一个canvas元素
const canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;

// 获取canvas的2D上下文
const context = canvas.getContext('2d');

// 在canvas上绘制SVG图像
context.drawImage(img, 0, 0);

// 将canvas转换为SVG格式的Base64
let svgBase64Result = canvas.toDataURL('image/svg+xml');

这段代码将SVG的Base64数据转换为SVG格式的Base64数据。请注意，这里使用的是canvas的toDataURL方法，并将参数设置为'image/svg+xml'，以确保输出的是SVG格式的Base64数据。

希望这可以帮助到你！
#### 引用[.reference_title]
- *1* *2* [js实现svg base64转png base64 (base64文件上传)](https://blog.csdn.net/m0_58719994/article/details/127078232)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]