fit rect to bound of imported svg

flame's Avatar

flame

27 Feb, 2015 01:39 AM

hæ—

I feel like I'm having a bit of a brain fart over this.

I'm trying to make a rect fit to the bounds of an imported sag, how would I accomplish this ?

  1. Support Staff 1 Posted by john on 27 Feb, 2015 10:24 AM

    john's Avatar

    Here is one way...

    - Set the rect position to the centroid of the svg
    - Set the rect width to a lookup on the svg with a key of "bounds.width"
    - Set the rect height to a lookup on the svg with a key of "bounds.height"

    The attached zip file contains a NodeBox document that does this along with an svg of a world map you can use to test it. To keep things tidy I colorized the rect to make the fill transparent with a black stroke width of 1, then combined the rect with the original svg to create a world map with a rectangular frame. Give it a few seconds to render.

    Hope that helps!

    John

  2. 2 Posted by flame on 27 Feb, 2015 09:43 PM

    flame's Avatar

    ah ! of course, brilliant.

    I was getting part of the way there by using a lookup, but didn't expose the properties of bound in terms of height and width.

    thankyou !

  3. Support Staff 3 Posted by Frederik De Ble... on 28 Feb, 2015 10:02 AM

    Frederik De Bleser's Avatar

    Use the “fit to” node to fit one node to another.

    https://www.nodebox.net/node/reference/corevector/fit_to

    Grtz,

    F

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac

Recent Discussions

22 Feb, 2024 05:51 AM
22 Feb, 2024 01:11 AM
21 Feb, 2024 05:27 PM
21 Feb, 2024 04:49 PM
16 Feb, 2024 05:24 PM

 

06 Feb, 2024 04:45 AM
19 Jan, 2024 09:50 AM
13 Jan, 2024 03:47 AM
05 Jan, 2024 05:10 PM
05 Jan, 2024 04:54 PM
04 Jan, 2024 11:49 PM