Конвертировать графический код в изображение SVG / PNG

Question

У меня есть школьный проект в animate, у меня произошел сбой жесткого диска, и я потерял исходный файл Adobe Animate (.fla). Мне нужно отредактировать некоторые векторы, но у меня нет исходных файлов, потому что мне нужно конвертировать код в изображение SVG.

Я создал проект на ПК с Windows и использую режим анимации 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-файл, а затем скопируйте его в этот код и вставьте текст

Answer 1

Возможно, вы сможете использовать класс SVGExporter, который поставляется с EaselJS. 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 для вас, с которым вы можете делать все, что захотите.

I обратный инжиниринг метод .decodePath() для console.log необработанных инструкций и быстрого вывода того, как выглядит ваше содержимое. Это просто данные формы, поэтому я не уверен, как вы собираетесь изменить текст.

Надеюсь, это поможет.