SVG Image tracing

[TNTHM]

I am trying to get SVG image tracking to work so I can trace an SVG logo. I found a thread:

Native SVG import?

@Straticah You can use lottie animations (I posted a video about it on Patreon recently)

Forum (forum.hise.audio)

In this thread @Christoph-Hart provided some great code for creating a flashing rotating icon.

SVG rotating logo:

const var atom = "243.nT6K8CF9.zzA.HQSp7AXGQO9msCBhJy1H+SMHfvbQbEcQ+2dyntPJAvIbmX.DL.gppGBqWQIsVp8DKFr162FctP0i0NLnwubgFWZVLTVHC3bIAdqhcRa+.c1TeTnVl4.gg8pt0ZOAkaW6QTtURRPbt.Z+qHhR4+3+Y9ztTFaX3iAvPWztikIdS+ASpsx8ZwXiiDWbjZOZVv8iPbCgpp0ZUnfzYAiag68pTDfvZcZu9HODwPn5KPFf.mRTo0Atn.7GvH.epfHf4tEuaMyPlj.CLYAhfW1KvVQ.pG9DiBrfFaaa.lrDIfMHEgpFwlRQzHLq2d."

It looks like the SVG data is in base 64 form.
Is this how we need to format the data for SVGs?

Is there a tool that you use to convert SVG format to base 64?

[ustk]

@TNTHM Tools -> Convert SVG to Path data
Select Base64 SVG
Drag your SVG file in the window and copy the result

[TNTHM]

@ustk Thank you!!

[TNTHM]

@ustk Can we use SVG data directly? Or does it need to be in Base 64?

[ustk]

@TNTHM Nope, you have to either convert it to Base64 or a Path, depending on your use case.

[d.healey]

@ustk Any idea what this does?

[ustk]

@d-healey Yep it simply draws a Base64 SVG, so a SVG that has been converted with the tool above

[ustk]

@d-healey @TNTHM Sorry guys I forgot to mention the SVG object has to be created from the Base64 prior to drawing it...

HiseSnippet 1081.3ocsV0sbZaDEdE1JSLsoSyL8APiuBO3pQXSv3ISmZ9S.wfQfHXatIyhzJoMVZWYoUPfN4cnOf8gnuAs6h.CNwiaByTt.z4mOoOcNmuyhQD0BEGSi.RGLbdHBH8ixlyILuZdPLAztNP5mj6BiYnHkTWUmGBiiQ1.Io8ZJbHcv9fke96euJzGRrPabA.inXKTGb.lswqwEWh880g1ng3fsxt3EssnjZTeZBmO6IqABgV2AcQWAEokQFH8hF1XFMxjAYnXdNUo1yM8nyHo4OBGim3iDFE.l7aTpaPMOrusw520X.PZeiMu46k9l+Kxcw13G7uoB7yKCnrAw10.oLOGkJ7cPIosnz9oT50xlVQ3P1lHB97CxsI7FhCjWp2lJo4Bx7WYjqQ4YPXpAv6P5QbiGPjqjl1wJ7uN5sYyxK2wLkovHECHA4WP42TVizEwpQCBoDtQtCSCeHGyFHPFMfC3vSJdpJYXoKKWS+b0EKpn1puY3YUtoY+dmGDWqp26lWnUdytsblNo+jFV8yehMeDy3cUl1dRvMp06n5FF1r58W2uc7nvx0uTOpPoSzsXFZXsq5PlkLwU+5wi5LbTqZmNocE668rF.yqZUXHZHYjeQUW2xgLsw8pbG75R8Gxd+fAFSXpiyeeKuAEyeZ9aOeAanN7lSwUlZb8BF9t11l4qXFF+oximcCFW+5IebbuwilVFaLoFmPZieOwYwsUvP2RkCGV2Y5XqwIm2pW8YFj2bogtiZvfgTsJLh5YMm1REE5zxoHqQBr6bC+OpVqysU7bttvkSG0WMr440wUibzgPnpeT81Nca0vMTel+f9KZ049SrUO7KKtliZtUCwJBwmv39xIhI5doME0XDyfOpxFPSXXBJmSBwhgojbtGk8OxdfqpcDb1Zb7eOVg4giEM3NTKneUZBwNNmlp1QGqTPULW74id65ahBkbEkg5Qxs7lk8yYU9xPNNOYLAuin99nnmLrP5G8b.yQRBlfhNlWN7SPOjHWa7XA2K91DbVokwsRjRZSvrdgnU15TeagPRb8WKOAq5C7qde65PFTnXW4imWHJhgEzQpNZJekWp98.45n36Xzvk4tRMwoLaYzWsVcK5i.L+Q+R4zdJ3Sa1Jd6Ey21XF1l4Ajjk9SI.vCgc8Xqs.e8BD9pKpchOuy+n8YhE2qBvq4OZIhXQAIFylu8h8uikbZO6RtuUJ9ZYCLyx6o4Xlmfi7tw+Gbb0QCuRtgiCxhsgf6KqeytdNv+wiOUG61Exhv74.4qRBL4mHZg3OcBe5HVzuyHlHSs0D1hJfIhXuz3e3eVErfvVZUvBqCBBfVQzOXkpzDG97xkd3bhr7r1C3G5ysUJ.Vp933j4KH.A7yA+fkk30+W4hjmFyI6.lS2ALE2ALuYGvTZGvb1Nfo7yhQ7WPpjv2fmJG3NLZrbMjjTCBjOYsbJD7u.LDRu4.

[TNTHM]

@ustk Is it necessary to convert it to Base64 SVG with the tool in HISE, or is there a way to script the conversion?

I notice that the SVG data is tagged with 243 at the beginning when using the HISE converter. Is this a conversion that is unique to HISE that we cannot perform with script?

[ustk]

@TNTHM Nope, it's uses the SVG parser from Juce and applies a Base64 conversion.
Then the object is reconverted to a path before drawing
The number at the beginning is inherent to any Base64 conversion, it appears in snippets too.