Javascript FabricJS上的Flash图标

如何使用FabricJS创建此图标

我尝试在第页上使用Path和Pathgroup，但我不明白参数在

new.fabric.Path（'..'）

中是如何工作的

---

使用

fabric.Image

不是一个选项，因为我打算将画布导出为SVG，并且图像文件的数据不会复制到SVG文件中。

您可以使用以下SVG路径数据创建flash图标，使用类

M795 2528 c-3 -18 -46 -301 -95 -628 -49 -327 -92 -610 -95 -627 l-6
-33 180 -2 179 -3 -214 -604 c-118 -332 -212 -606 -210 -608 2 -2 341 360 753
804 l749 808 -277 5 -277 5 157 400 c86 220 166 426 178 458 l22 57 -519 0
-519 0 -6 -32z

基本上，

new.fabric.Path（“..”）

将绝对svg路径数据作为参数

ᴅᴇᴍᴏ

var canvas=newfabric.canvas（'c'）；
var path=new fabric.path（'M795 2528 c-3-18-46-301-95-628-49-327-92-610-95-627 l-6-33180-2179-3-214-604 c-118-332-212-606-210-6082-2341360-753 804 l749 808-277 5-277 157 400 c86 220 166 426 178 458 l22 57-519 0-519 0-6-32z'）；
path.set({
左:100,，
前100名，
弗利皮：是的，
原文：“中心”，
原创：“中心”
});
路径.标度宽度（100）；
路径.标度高度（100）；
canvas.add（路径）；
canvas.renderAll（）
canvas{border:1px solid#ccc}

您是否只需要创建此flash图标或任何其他图标？仅此一个即可