Import SVG with Multi-Path and Two colors

Klaus major-k klaus at major-k.de
Thu Jan 2 16:02:28 EST 2020


Hi all,

> Am 02.01.2020 um 21:51 schrieb Sannyasin Brahmanathaswami via use-livecode <use-livecode at lists.runrev.com>:
> 
> ...
> Now, using Image As Control --> Image File [choose below in a file:}
> it works. But it is not possibly to put this in the Path field, of the  SVG icon.
> So, Mark W. has done some magic in the engine for Import As Control, that is not possible in LCB/SVG widget.
> This "image" will do the job. it is scales with no lossy pixels!

yes, very cool!

After importing that SVG file, it IS in fact an image object and we can use
it immediatley as an icon in a button.

But that raises the (naive?) question:
Why do we have to convert a SVG widget with "drawingSvgCompile"
to be able to use a SVG as an Icon in a button?

> <?xml version="1.0" encoding="UTF-8"?>
> <svg width="65px" height="65px" viewBox="0 0 65 65" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
>    <!-- Generator: Sketch 61.2 (89653) - https://sketch.com -->
>    <title>home-colors</title>
>    <desc>Created with Sketch.</desc>
>    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
>        <g id="home1" transform="translate(-48.000000, -48.000000)">
>            <g id="home-colors" transform="translate(49.000000, 49.000000)">
>                <circle id="Oval" stroke="#FFFFFF" stroke-width="1.21" fill="#444444" cx="31.46" cy="31.46" r="31.46"></circle>
>                <g id="Group-3" transform="translate(13.310000, 12.100000)">
>                    <circle id="Oval" fill="#F4333B" cx="17.80515" cy="4.62825" r="4.62825"></circle>
>                    <circle id="Oval-Copy-5" fill="#32AE60" cx="17.80515" cy="35.22915" r="4.62825"></circle>
>                    <circle id="Oval-Copy-4" fill="#FC7C04" cx="31.09095" cy="12.25125" r="4.62825"></circle>
>                    <circle id="Oval-Copy-9" fill="#B34AFF" cx="17.69625" cy="19.87425" r="4.62825"></circle>
>                    <circle id="Oval-Copy-7" fill="#F3CB11" cx="31.09095" cy="27.60615" r="4.62825"></circle>
>                    <circle id="Oval-Copy-3" fill="#4B87FF" cx="4.62825" cy="12.25125" r="4.62825"></circle>
>                    <circle id="Oval-Copy-6" fill="#45BFB4" cx="4.62825" cy="27.60615" r="4.62825"></circle>
>                </g>
>            </g>
>        </g>
>    </g>
> </svg>

Best

Klaus

--
Klaus Major
https://www.major-k.de
klaus at major-k.de





More information about the use-livecode mailing list