Added to TW-Scripts.
On Tuesday, April 28, 2020 at 2:49:13 AM UTC+4:30, Joshua Fontany wrote:
>
> 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/ec261d8f-12f5-4907-86e5-dae2c8ab473c%40googlegroups.com.
