将图形代码转换为SVG/PNG图像
将图形代码转换为SVG/PNG图像
提问于 2019-06-10 05:07:06
我有一个学校的项目在动画，我有一个硬盘崩溃，并丢失了我的原始文件的土坯动画(.fla)。我需要编辑一些矢量，但我没有原始文件，因为这一点，我需要转换成svg图像的代码。
我已经在Windows PC上创建了这个项目，并使用了动画html5 javascript模式
this.shape_4 = new cjs.Shape();
this.shape_4.graphics.f("#FF3300").s().p("AlQFlQgDgIABgTQACgTgDgIQgHgPgBgHQgCgGACgJQABgLAAgGQAAgHgGgNQgGgPgBgGIAAgPQABgJgBgFQgBgMgEgKQgHgUgEgWQgCgZgEgLQgGgNAAgGQgBgEAAgHIABgMQAAgJgDgNIgFgSIgGgkQgFgagKgbIgIgYIgCgGIACAAIAXgMQARgIAegGQAHgGAJgFQATgMAWgDIAAAAQAIAAAHAEIAGgEIABgBIAFAIQACAEABAHIAFAKQADALADAmQAGAuAAAZIgCAfIACAKIAAAeQgBASACAMIAGAVQAFAPABAHQABAMgBASIgDAcQgDAXAJAMQAGAGAKABQALgBADgHQACgDgBgGIAAgBIBzgvIABADQABAFAHAJQAEAJAAAWIgBA6IAAAVIgIAAIACABIhsAnQgcALgNACIgnAHIgpAMIgYAJIgBgEgAHoEpIgOgnIgGgZQgHgfgPgeQArgsArg4IAuhBQAGgGAJgNIAKgRIADAAQAKgDACgHQABgJgHgKIghgzIgOgUQgWgggMgOQgQgTgRgMQAbgbARgWQALgSAKgKQAKgJAMgHQAKAUAgAnQAeAlAKAXQALAaAHAHQAGAEAHABIADACQAIADAIgCQAGgDAHgHIAMgMQAQgSAlgcIAogeQALAJANARIAVAbQAQATAMALQAKAMAJAEIgJAJQgMAOgSARIgeAdIhFBCIgPAKIgPANQgiAegHAIQgfAeg2A9Qg4A/gdAcQgnAlgUAXIgBgDgAtlEcQgLACgJgBIABgUQgKgTgCgiIgHh4QgDgSAGgLIAHgIQgBgSgCgOQgBgLgGgVQgCgMAAgZIAAgmIgFgnQgHhBgEhKQgCgKADgJIACgCIgEgHIAKAAIAKgCQADgCADgHIAEgIQBGAACBATQAsAHAaAHQAbAHAeARQAMAGARAMQAXATALAQQANAVACAYQABAdgOAWIgTAXIgRAbQgKARgKAHQgKAJgZAKIg/AXQgkANgdAHIgdAHQgQAFgLAHIgDADIACAHQAIAfADAsIADBMQAAAQgCAKIABAHIgDABIgEAJQgJARgeAMQgPAFgOAAQgOAAgMgGgAsgh/QgHAIAAAGQAAAEAGAJQAEAHABALIABAUQAAAUAIAKIABAAQADACADAEQAJAFAQAAIAdgBQANgBAPgJQAJgFASgMQATgPADgOQADgLgIgRQgFgKgFgEQgFgEgHgCIgOgBIhDgEQgTAAgDgIIgMAAQgBAEgIAIgABhD5QgJgBgNgEIgWgIQgRgHgYgGIghgGIAAgIIgBgPQAAgKAFgVQAGgVABgKIABgNIAAgPIADgJIAFgKQABgIAAgMIAAgWQgCgTACgMIAFgIQACgEABgDQABgHAAgMQgBgNABgHQABgGAHgNQAEgOgDgbQgCgQAEgSIAIgUQACgHgBgQQgCgPACgHIAGgOQAEgJAAgFIAAgLQgBgHABgEQABgEADgHIAEgJQADgIgCgSQgBgRACgIIACgFQANABANgDIAagGQAWgDAHgDIAXgJQAPgFAKgBIASgBQALgBAGgCIAEAXIAUBfIAFAaIAEAaIAFASIAGAXIAKAoIAKAoIATBGQAEALACAKIAEAYIAFAUQAGAPAEARQAEAOAFALQABAFAGAMQAHARAEAWIgBAAIhhAYQgKADgFgDQgHgFAAgLQgDgjgSgfIgFgBQgDgEgDgCIAAgCIgjAKQgRAFgHAFQgIAFgHALQgFAIAAALIAAATQAAAMgCAGQgBAEgDAHQgDAGgBAFQgBAEABAHIAAALIAAACIgMgBgACNhxQgFABgCADQgEAJAAAIIgCA9QgCAWgEAKQgHAMgBAFQgBAIAEAHQAEAHAHACQAEACAIAAIAPACQAXADAHgMQAFgJgFgNIgFgJQgDgGAAgCIgBgMQAAgJgCgEIgGgMQgDgFABgNQABgMgDgGIgEgGQgDgDAAgDIgBgHIgBgHQAAgKgHgBQgBAAAAgBQgBAAAAAAQAAAAgBAAQgBgBAAAAIgDABg");
this.shape_4.setTransform(1.5,-0.5);
this.shape_5 = new cjs.Shape();
this.shape_5.graphics.f("#FF6600").s().p("AlxGCQgDgJACgTQABgVgDgJQgIgQgBgIQgBgHABgKQACgMgBgFQAAgIgGgOQgGgRgBgGIAAgQQABgKgBgEQgCgOgEgLQgIgWgEgXQgDgbgEgMQgGgPgBgGQgBgFABgHIAAgNQAAgKgDgNIgFgVIgHgmQgGgdgKgcIgJgbIgCgGIACgBIAZgLQATgJAhgHQAIgGAJgGQAVgNAYgDIAAgBQAJAAAIAGIAGgGIABAAIAGAJQACAEABAHQADAFACAGQAEAMADApQAHAyAAAbIgCAiIACALIgBAgQAAAUACALQACAJAFAQQAFAOABAJQABANgBATIgDAeQgDAaAKAMQAGAIALgBQAMABADgJQACgDAAgHIAAgBIB+gyIAAADQABAFAIALQAFAJAAAXIgCBAIABAWIgJAAIACABIh2ArQgfALgPACIgqAIIgtANIgaAJIgCgEgAIXFCIgPgrIgHgbQgIgigQggQAvgwAvg8IAyhHQAHgHAKgNQAGgMAFgGIAEgBQAKgCACgJQACgIgIgMIgkg2IgPgWQgYgkgOgOQgSgVgSgNQAegdASgYQAMgTALgMQALgJAOgHQALAVAiAqQAhAoALAZQANAcAHAIQAGAEAIACIADABQAJAEAJgDQAHgDAIgIIAMgMQASgVApgdIAsghQALAKAOASIAYAeQASAUAMANQALANAKADIgKALQgNAOgTATIgiAfIhLBHIgQAMIgRANQglAggIAKQgiAgg7BCQg+BFggAeQgqAogWAZIgBgDgAu5E0QgMABgJAAIABgWQgMgVgCgkIgIiDQgCgTAGgLIAHgJQAAgUgDgPQgBgMgHgWQgBgOAAgbIAAgpIgGgrQgIhFgEhRQgDgKAEgKIACgCIgEgIIAKAAIALgCQAEgCADgIIAFgJQBMABCNAUQAxAIAcAIQAeAHAhATQANAGASAOQAaATAMASQAOAXACAaQACAfgPAXQgGAIgPASIgTAdQgLARgLAJQgLAKgcALIhEAYQgoAOggAIIggAIQgRAGgMAGIgDADIABAIQAJAjADAuQACARACBCQAAAQgCAMIABAIIgDAAIgEAKQgKATghANQgRAFgPAAQgQAAgNgGgAttiJQgIAIAAAGQAAAFAGAKQAFAIABAMIACAVQAAAVAIALIABAAQAEACADAGQAKAEARAAIAggBQAOgBARgKQAKgFATgOQAVgPAEgQQACgLgIgTQgFgLgGgDQgFgEgIgDIgPgBIhKgFQgVAAgDgJIgOAAQAAAFgJAJgABqEOQgKgBgOgFIgYgJQgSgIgbgFIgjgHIgBgKIgCgOQAAgNAGgVQAHgXABgLIABgPIAAgPQABgEADgGIAEgLQACgIAAgOIAAgYQgDgTADgOIAFgJIAEgIQABgGAAgPQgBgOABgGQABgIAHgNQAFgPgEgdQgBgSAEgTIAIgWQADgIgBgQQgCgRACgHIAHgQQAEgKAAgGIAAgLQgBgHABgEQABgFADgHQAEgHAAgEQAEgIgCgTQgCgUADgIIACgEQAOAAAOgEIAdgFQAYgEAHgDQAJgCARgIQAQgFAMgCIATgBQAMAAAHgCIAEAYIAWBnIAGAcIAEAdQADAOACAFIAHAYIALAtIALAqIAUBMQAFALADAMIADAaIAGAVQAGAQAFATQAEAQAGALQABAGAHANQAHARAFAaIgBAAIhrAZQgKADgGgDQgIgFAAgMQgDgngUghQgCgBgDAAQgDgEgEgCIAAgCQgcAIgLACQgSAGgHAFQgJAFgIAMQgFAJAAAMIgBAVQAAAMgCAIIgEALQgEAHAAAEQgBAFAAAIIABALIAAACIgOAAgACah7QgFACgCAEQgEAIAAAKIgDBBQgCAZgFAKQgHANgBAFQgBAJAFAIQAEAHAHACQAEADAKABIAQABQAZACAIgMQAGgJgGgOIgFgKQgEgGAAgDIgBgOQAAgIgCgFIgHgNQgDgFABgOQABgOgDgGIgEgGQgEgEAAgDIgBgIIgBgHQAAgLgIgBQgBgBAAAAQgBAAAAgBQgBAAAAAAQgBAAgBAAIgDAAg");
this.shape_5.setTransform(1.8,-0.3);
this.shape_6 = new cjs.Shape();
this.shape_6.graphics.f("#003366").s().p("AkyEmQgDgHABgPQACgQgDgGQgGgNgBgGQgCgFACgHIABgOQAAgGgFgKIgHgSIAAgMQABgIgBgDQgBgKgDgJQgHgQgDgSQgDgUgDgKQgFgLgBgEQgBgEABgGIAAgKQAAgHgCgKIgFgQIgGgcQgEgWgJgWIgHgUIgCgFIABAAIAVgKQAQgGAcgFQAGgFAIgEQARgKAUgDIAAAAQAHAAAHAEIAFgEIABgBIAFAHQACAEAAAFQADAEACAEQADAJACAgQAHAmAAAUIgCAZIACAJIgBAYQgBAPACAJIAGASQAEAMABAGQABAKgBAOIgCAYQgDATAIAJQAGAGAJAAQAJAAADgGQACgDgBgFIAAAAIBpgnIABACQAAAEAHAIQAEAIAAARIgBAxIAAAQIgHAAIABABIhiAhQgaAIgMACIgjAGIglAKIgWAHIgBgDgAG8D1IgMggIgGgVQgGgagOgZQAogkAmguIAqg1QAGgGAIgJQAFgKAEgEIADgBQAJgBACgHQABgHgHgJIgdgpQgIgLgFgFQgUgbgLgMQgPgPgQgKQAZgXAPgRQAKgPAJgJQAKgHALgFQAJAQAdAgQAbAeAJATQALAVAGAGQAFADAGACIADABQAHADAIgCQAGgCAGgGIALgKQAOgQAigWIAlgZQAKAHALAOIAUAXIAZAZQAJAKAJADIgJAIIgbAZIgcAXIg+A2IgOAJIgNAKQgfAZgHAHQgcAYgyAzQgzA0gaAXQgjAfgTASIgBgCgAsYDqIgSABIABgRQgJgPgCgcIgHhjQgCgPAGgJIAFgGQAAgQgCgLQgBgJgGgQIgBggIAAgfIgEggQgHg1gDg9QgDgJADgHIACgCIgEgFIAJAAIAJgCQAEgCACgGIAEgGQA/AAB2AQQAoAFAYAGQAYAGAcAOQAKAFAQAKQAVAQAKANQAMARACAUQABAYgNARIgRAUIgQAWQgJANgJAHQgJAHgXAIIg5ASQghAMgbAFIgaAGQgPAFgJAFIgDACIABAGQAIAaACAkIADA+QAAANgCAJIABAGIgCAAIgEAHQgIAPgbAKQgOAEgMAAQgOAAgLgFgArZhoQgHAGAAAFQAAAEAGAIQAEAFAAAJIACAQQAAAQAHAJIAAAAQAEABADAFQAIADAOAAIAagBQAMgBAOgHIAYgOQASgMADgMQACgJgHgOQgEgIgFgDQgEgDgHgCIgMgBIg+gEQgRAAgCgGIgMAAQgBADgHAHgABYDNQgIAAgMgEIgUgHQgPgGgXgEIgcgFIgBgHIgBgMQAAgJAFgRQAFgRABgIIABgLIAAgMQAAgDADgFIAEgIQABgGAAgLIAAgSQgCgPACgKQAAgCAEgFIADgGQABgFAAgKIAAgQQABgGAGgKQAEgLgDgXQgBgNADgOQAHgOAAgDQACgGgBgMQgBgNACgGQAAgDAFgIQAEgIAAgFIAAgIQgBgGABgDIADgJQADgFAAgDQADgHgBgOQgCgPADgGIACgEQALABAMgDIAYgEQAUgDAGgCIAVgIQAOgEAJgBIAQgBQAKAAAGgCIAEATIASBOIAEAVIAEAWQACALACAEIAGASIAJAiIAJAgIARA6QAEAIACAJIADAUIAFAQQAFAMAEAPQAEAMAEAIIAHAPQAGANAEATIgBAAIhZATQgIADgFgDQgGgDAAgKQgDgdgRgaIgEAAQgDgEgDgBIAAgCIggAIQgPAFgGAEQgIAEgGAJQgEAHAAAJIgBAPQAAAKgCAGIgDAIIgEAJIAAAJIAAAJIAAACIgLgBgACAhdQgEACgCACQgEAGAAAIIgCAyQgCATgDAHQgGAKgBAEQgBAGAEAGQADAGAGACQAEACAIAAIANABQAVACAHgKQAEgGgEgLIgFgIQgDgFAAgBIgBgKQAAgHgBgEIgGgJQgDgFABgKQABgKgCgFIgEgFQgDgDAAgCIgBgHIgBgFQAAgHgHgCQAAAAAAAAQgBgBAAAAQgBAAAAAAQgBAAAAAAIgDAAg");
this.shape_6.setTransform(1.2,-0.9);我想转换成：
this.shape_6.graphics.f("#003366").s().p("AkyEmQgDgHABgPQACgQgDgGQgGgNgBgGQgCgFACgHIABgOQAAgGgFgKIgHgSIAAgMQABgIgBgDQgBgKgDgJQgHgQgDgSQgDgUgDgKQgFgLgBgEQgBgEABgGIAAgKQAAgHgCgKIgFgQIgGgcQgEgWgJgWIgHgUIgCgFIABAAIAVgKQAQgGAcgFQAGgFAIgEQARgKAUgDIAAAAQAHAAAHAEIAFgEIABgBIAFAHQACAEAAAFQADAEACAEQADAJACAgQAHAmAAAUIgCAZIACAJIgBAYQgBAPACAJIAGASQAEAMABAGQABAKgBAOIgCAYQgDATAIAJQAGAGAJAAQAJAAADgGQACgDgBgFIAAAAIBpgnIABACQAAAEAHAIQAEAIAAARIgBAxIAAAQIgHAAIABABIhiAhQgaAIgMACIgjAGIglAKIgWAHIgBgDgAG8D1IgMggIgGgVQgGgagOgZQAogkAmguIAqg1QAGgGAIgJQAFgKAEgEIADgBQAJgBACgHQABgHgHgJIgdgpQgIgLgFgFQgUgbgLgMQgPgPgQgKQAZgXAPgRQAKgPAJgJQAKgHALgFQAJAQAdAgQAbAeAJATQALAVAGAGQAFADAGACIADABQAHADAIgCQAGgCAGgGIALgKQAOgQAigWIAlgZQAKAHALAOIAUAXIAZAZQAJAKAJADIgJAIIgbAZIgcAXIg+A2IgOAJIgNAKQgfAZgHAHQgcAYgyAzQgzA0gaAXQgjAfgTASIgBgCgAsYDqIgSABIABgRQgJgPgCgcIgHhjQgCgPAGgJIAFgGQAAgQgCgLQgBgJgGgQIgBggIAAgfIgEggQgHg1gDg9QgDgJADgHIACgCIgEgFIAJAAIAJgCQAEgCACgGIAEgGQA/AAB2AQQAoAFAYAGQAYAGAcAOQAKAFAQAKQAVAQAKANQAMARACAUQABAYgNARIgRAUIgQAWQgJANgJAHQgJAHgXAIIg5ASQghAMgbAFIgaAGQgPAFgJAFIgDACIABAGQAIAaACAkIADA+QAAANgCAJIABAGIgCAAIgEAHQgIAPgbAKQgOAEgMAAQgOAAgLgFgArZhoQgHAGAAAFQAAAEAGAIQAEAFAAAJIACAQQAAAQAHAJIAAAAQAEABADAFQAIADAOAAIAagBQAMgBAOgHIAYgOQASgMADgMQACgJgHgOQgEgIgFgDQgEgDgHgCIgMgBIg+gEQgRAAgCgGIgMAAQgBADgHAHgABYDNQgIAAgMgEIgUgHQgPgGgXgEIgcgFIgBgHIgBgMQAAgJAFgRQAFgRABgIIABgLIAAgMQAAgDADgFIAEgIQABgGAAgLIAAgSQgCgPACgKQAAgCAEgFIADgGQABgFAAgKIAAgQQABgGAGgKQAEgLgDgXQgBgNADgOQAHgOAAgDQACgGgBgMQgBgNACgGQAAgDAFgIQAEgIAAgFIAAgIQgBgGABgDIADgJQADgFAAgDQADgHgBgOQgCgPADgGIACgEQALABAMgDIAYgEQAUgDAGgCIAVgIQAOgEAJgBIAQgBQAKAAAGgCIAEATIASBOIAEAVIAEAWQACALACAEIAGASIAJAiIAJAgIARA6QAEAIACAJIADAUIAFAQQAFAMAEAPQAEAMAEAIIAHAPQAGANAEATIgBAAIhZATQgIADgFgDQgGgDAAgKQgDgdgRgaIgEAAQgDgEgDgBIAAgCIggAIQgPAFgGAEQgIAEgGAJQgEAHAAAJIgBAPQAAAKgCAGIgDAIIgEAJIAAAJIAAAJIAAACIgLgBgACAhdQgEACgCACQgEAGAAAIIgCAyQgCATgDAHQgGAKgBAEQgBAGAEAGQADAGAGACQAEACAIAAIANABQAVACAHgKQAEgGgEgLIgFgIQgDgFAAgBIgBgKQAAgHgBgEIgGgJQgDgFABgKQABgKgCgFIgEgFQgDgDAAgCIgBgHIgBgFQAAgHgHgCQAAAAAAAAQgBgBAAAAQgBAAAAAAQgBAAAAAAIgDAAg");转换为svg文件，然后转换为此代码并替换文本
回答 1
Stack Overflow用户
发布于 2019-06-10 09:28:00
您可以使用EaselJS附带的SVGExporter类。https://github.com/CreateJS/EaselJS/tree/master/extras/SVGExporter
var exporter = new SVGExporter(this.shape_6, false, false, false);
exporter.run();
document.body.appendChild(exporter.svg);这将为您创建一个SVG，您可以使用它做任何您想做的事情。
我使用reverse-engineered .decodePath()方法来console.log原始指令，并快速输出您的内容。这只是形状数据，所以我不确定您打算如何更改文本。
希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56518378
复制相关文章
相似问题