用HTML5能不能保存矢量图，比如wmf格式

Question

能不能用html5中的canvas绘制矢量图，然后插入到word里？？？如果不能直接插入，能不能通过其他格式装换，比如svg格式

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

HTML5本身并不支持直接保存或显示矢量图形（如WMF格式）。然而，你可以使用一些JavaScript库来将矢量图像转换为位图图像，并在HTML中加载这些位图。

一个常用的库是CanvasToPng.js。这个库可以从矢量图形创建PNG图像：

var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');

// 从矢量图创建一个PNG图像
var imageData = canvas.toDataURL('image/png');

然后你可以在Word文档中加载这个位图：

<embed src="data:image/png;base64,${imageData}" type="application/x-image" width="100" height="100"/>

注意：这将导致原始的矢量图像丢失。如果你需要保留矢量信息，你可能需要使用更复杂的方法，例如使用SVG元素来存储矢量数据并将其转换为PNG等位图格式。