Great to see more SVG notes!
You can also:
<svg viewBox="0 0 100 100" width="100">
{{$:/images/someLibrary/someIcon}}
</svg>
Where `$:/images/someLibrary/someIcon` is a valid SVG (such as this one
from the Wc3 examples, slightly edited):
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"; version="1.1">
<title>Example triangle01- simple example of a 'path'</title>
<desc>A path that draws a triangle</desc>
<rect x="1" y="1" width="398" height="398" fill="none" stroke="blue" />
<path d="M 100 100 L 300 100 L 200 300 z" fill="red" stroke="blue"
stroke-width="3" />
</svg>
Then, changing the size or viewBox values of the outerSVG will effect how
the inner SVG is laid out.
Here is a good reference for stacking viewBoxes:
https://www.sarasoueidan.com/blog/nesting-svgs/
Best,
Joshua F
On Sunday, April 26, 2020 at 9:46:39 PM UTC-7, A Gloom wrote:
>
> For when editing svg's in tiddler edit mode, to manually select section
> view and zoom in & out of svg in the preview window-- temporarily edit the
> svg viewBox and width attributes.
>
> <svg viewBox="0 0 100 100" width="100">
>
> To change view to certian area:
>
> left half only of svg:
> viewBox="50 50 50 50"
>
> To zoom in: width="200"
> or edit 3rd & 4th number of viewBox smaller:
> viewBox="0 0 50 50"
> To zoom out: width="50"
> or edit 3rd & 4th number of viewBox smaller:
> viewBox="0 0 200 200"
>
> Combine the two to view sections with zoom in.
>
> The viewBox and width attributes can be changed back to original settings
> when done editing.
>
--
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/6e8ab261-b339-41f0-b8cd-200a9f111c82%40googlegroups.com.
