Text on Circle Node

john's Avatar

john

20 Aug, 2022 11:30 PM

A new Nodebox user, Julien, recently asked this:

Centering the text path in the middle?

Is it possible to center a text path, instead of just choosing the beginning or the end for alignment? This could be handy for centering variable size text (in my case, the inscriptions on the lens).

A perfectly reasonable request that is harder than it seems. The text_on_path node will create a text path that follows another path, like a circle, but it has no center option. So when you want to center text atop a circle you have to manually adjust the margin as you change circle diameter or font size. This is not hard to do, but it is a small pain, and it prevents you from automatically centering text over circles that dynamically change their size.

Creating a node (subnetwork) to do this is harder than it might seem even if you limit the guide path to a circle. To make the calculations you need to measure the arc formed from the beginning of the inscription to the end, which will vary in a complex way depending on diameter, font size, and which font you use. An interesting challenge!

Challenge accepted! Behold: the text_on_circle node. Give it some text, a diameter, font name, font size, and offset (above or below the circle) and it will create a text path for you. A rather arcane function, but it does come in handy every now and then.

NOTE: see next comment for an improved version!

I will be adding this node to the next release of my node library. Enjoy!

John

  1. Support Staff 1 Posted by john on 25 Aug, 2022 05:07 AM

    john's Avatar

    UPDATE!

    I have improved this node. It is now called Text_Circle.

    • It now has an option to kern the text (adjust the spacing) between the characters and/or between the words. This can make text bent over a circle much easier to read.
    • You can now center the text below the circle as well as above it.
    • I completely rewrote the node and no longer rely on the text_on_path node. Character rotation is now smoother and more consistent.

    Please give this improved version a try and let me know if you have any other suggestions.

    John

    P.S. POWER TIP: To inscribe text inside a circle you can use a negative offset, but this will cause the letters to crowd together a bit. For better results, set offset to 0 and reduce the diameter of the circle.

Reply to this discussion

Internal reply

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

Attaching KB article:

»

Already uploaded files

  • text_on_circle_screenshot.png 338 KB
  • text_on_circle.ndbx.zip 3.06 KB

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

31 Jan, 2023 11:29 PM
28 Jan, 2023 10:39 AM
26 Jan, 2023 01:30 AM
26 Jan, 2023 01:24 AM
26 Jan, 2023 12:48 AM

 

20 Jan, 2023 02:32 PM
13 Jan, 2023 09:54 PM
11 Jan, 2023 10:32 AM
09 Jan, 2023 11:45 AM
28 Dec, 2022 11:19 PM
27 Dec, 2022 06:57 AM