Certain SVG Image wont apper as my page background

[Diego Mesa]

I wanted to try and mess around with setting Tobias' fish version of the tiddler poster (attached) as my page background. However, neither on his page, or on tiddlywiki.com (or mine), when I set the page background image field to the correct tiddler, does the fish actually show up. Other svg images work, like Tiddler Fishes.svg. 

I am able to add the fish to my sidebar as shown in the attached screenshot, by just adding: <div class="tb5-fish">{{$:/.img/fish.svg}}</div> to my TableOfContents tiddler. I can even modify it with CSS (I flip it, and add some margins, like on tobias' site). Is it possible to do this on my page background?

Thanks

[Ton Gerner]

Hi Diego,

Sorry, I can't help, but I saw a very simple core SVG as $:/languages/en-GB/icon does not work either.
May be that can help the SVG experts?

Cheers,

Ton

[Jeremy Ruston]

Hi Diego

I can confirm that is a bug, and it’s now fixed for 5.1.15:

https://github.com/Jermolene/TiddlyWiki5/commit/f366a74f681319152c8b2ea60efcbcc58969cda6

I’ve also uploaded a new prerelease that includes the fix:

http://tiddlywiki.com/prerelease/

Many thanks,

Jeremy.

--
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+...@googlegroups.com.
To post to this group, send email to tiddl...@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/a78cb6e1-ad4d-46c0-81a8-74ec5d5ff362%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
<temp.png><$__.img_fish.svg.json>

[Diego Mesa]

Great! Thanks Jeremy! 

Does anyone know how I can "grab hold" of the page background image with css? When I test the fish on the prerelease with options : fixed to window and cover, its size and placement is all whacky. Is there some way to assign it a class I can then edit with stylesheet tiddler?

[Diego Mesa]

Just a bump!

[Jeremy Ruston]

Hi Diego

Does anyone know how I can "grab hold" of the page background image with css? When I test the fish on the prerelease with options : fixed to window and cover, its size and placement is all whacky. Is there some way to assign it a class I can then edit with stylesheet tiddler?

You may be able to use the background-position-x/y CSS properties. Try something like this in a stylesheet tiddler tagged $:/tags/Stylesheet:

html body.tc-body {

    background-position-x: 100px;

    background-position-y: 100px;

}

There are some docs here:

https://developer.mozilla.org/en-US/docs/Web/CSS/background

Best wishes

Jeremy.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/9d1a7ab9-f910-42d0-9dee-7b10e07aa052%40googlegroups.com.