If you hack settings.svg to remove everything except the svg tag (e.g. 
remove <xml ....><DOCTYPE ...>) then it will work.

On Friday, June 28, 2019 at 11:37:00 AM UTC-7, Mohammad wrote:
>
> Meanwhile I found the below page
>
> https://websemantics.uk/tools/svg-to-background-image-conversion/
>
> to convert the svg as inline css! Seems this what datauri does!
>
> Still my question is why datauri does not work?
>
> On Friday, June 28, 2019 at 10:45:01 PM UTC+4:30, Mohammad wrote:
>>
>> I used the snippet from Tiddlywiki.com as below
>>
>> <style>
>> .jack {
>>         background: url(<$macrocall $name="datauri" title="Motovun Jack.jpg" 
>> $output="text/plain"/>);
>>         height: 300px;
>> }
>> </style>
>>
>> <div class="jack"/>
>>
>> It works great!
>>
>> Now I downloaded some svg from flaticon
>>
>> https://www.flaticon.com/free-icon/settings_126472 and imported into 
>> tiddlywiki.com and it fails!
>>
>> Is there any special requirement for svg images to be used with datauri 
>> macro?
>>
>> --Mohammad
>>
>> Note: If you use svg as external file, it works! e.g
>>
>>
>> <style>
>>
>> .element {
>>   background-image: url(svg/newsletter-fish-cat.svg);
>>    background-repeat: no-repeat;}
>>
>> </style>
>>
>> <div class="element"/>
>>
>>
>>
>>
>>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/6014004e-1f7d-4082-afc5-2a87212c2b04%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to