Hi, This is exactly the thread I wanted to search for yesterday when Google broke down ^^'
I wanted to add a setting to my SVG logo used as $:/favicon.ico Unless I made a mistake, I have to fix it with the SVG document type, so I can't insert the macro <<color>> to reference the colour of my palette. Would it still be possible to make this evolve in the future (and consider the favicon as a core image therefore and not an SVG XML image)? (and play with fill="#fa4d60"). Sylvain Le mardi 15 décembre 2020 à 11:55:31 UTC+1, Jeremy Ruston a écrit : > Hi Mohammad, Joshua > > This is the old chestnut of the confusing fact that there are two distinct > types of SVG images, and they behave differently, and are defined > differently. The core images are actually SVG elements designed to be > transcluded directly into HTML documents; that’s what enables us to > recolour these images with CSS. Full SVG images are XML documents with an > embedded SVG element containing the image. They are displayed with the img > tag, or as here, via CSS properties. It is not possible to use an SVG > fragment as an image is the crucial thing. > > We try to explain it in the docs here: > > https://tiddlywiki.com/#Using%20SVG > > Best wishes > > Jeremy > > > > On 15 Dec 2020, at 01:41, Joshua Fontany <[email protected]> wrote: > > Interesting... I wonder if this is true for all SVGs or just the core. The > core image tiddlers are not actually "type:image/svg+xml", they do not have > a type value, and are interpreted as wiki-text when transcluded. > > Best, > Joshua F > > > On Wednesday, December 9, 2020 at 1:33:52 AM UTC-8 Mohammad wrote: > >> I tried to use an svg as background. I realized I cannot use core svg >> images. One reason may be the tiddler type or perhaps the removed xlmns. >> >> See below example at >> >> <style> .jack { background: url(<$macrocall $name="datauri" >> title="Motovun Jack.jpg" $output="text/plain"/>); height: 300px; } </style> >> <div class="jack"/> >> >> Now if I replcae Motovun Jack.jpg with $:/core/images/close-button as >> below >> >> <style> .jack { background: url(<$macrocall $name="datauri" >> title="Motovun Jack.jpg" $output="text/plain"/>); height: 300px; } </style> >> <div class="jack"/> >> >> It does not work! >> >> What is the reason? >> >> --Mohammad >> > > -- > 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 [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/tiddlywiki/4236b4d1-5bdc-4e9f-b418-5717ced3c4edn%40googlegroups.com > > <https://groups.google.com/d/msgid/tiddlywiki/4236b4d1-5bdc-4e9f-b418-5717ced3c4edn%40googlegroups.com?utm_medium=email&utm_source=footer> > . > > > -- 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 [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/d54b15c9-9e1c-410d-bb7b-2f122b3ce11en%40googlegroups.com.
