Curved text possible?

Richmond Mathewson richmondmathewson at gmail.com
Fri May 20 03:20:11 EDT 2022


If that is over your head, use my method, which you can find over on the
forums.

All 'pure' LiveCode.

Best, Richmond.

On Wed, 18 May 2022, 18:26 William de Smet via use-livecode, <
use-livecode at lists.runrev.com> wrote:

> Hi Sean,
>
> Incredible to see what HH did.
> That is way over my head.
> And so is LCB.
>
>
>
>
> groeten,
>
> William
>
>
>
>
> Op wo 18 mei 2022 om 14:16 schreef Sean Cole via use-livecode <
> use-livecode at lists.runrev.com>:
>
> > Actually, HH had put up this on his site and kept open for us kindly.
> > https://hh.on-rev.com/widgets/svgtext.html
> >
> > At the bottom he describes that it is possible to use SVG to define paths
> > for the text. How good are you at LCB in being able to manipulate what he
> > had achieved here?
> >
> > Sean
> >
> >
> > On Wed, 18 May 2022 at 12:57, William de Smet via use-livecode <
> > use-livecode at lists.runrev.com> wrote:
> >
> > > @Sean: Yes, a widget would be the best thing of course.
> > > Much appreciated!
> > >
> > > groeten,
> > >
> > > William
> > >
> > >
> > >
> > >
> > > Op wo 18 mei 2022 om 11:41 schreef Pi Digital via use-livecode <
> > > use-livecode at lists.runrev.com>:
> > >
> > > > There is a better way to do this using LCB. If you don’t mind
> waiting I
> > > > can pull something up. I’m out of office at the moment so can’t get
> to
> > my
> > > > files.
> > > >
> > > > Sean Cole
> > > > Pi Digital Productions Ltd
> > > >
> > > > eMail Ts & Cs
> > > >
> > > >
> > > > > On 18 May 2022, at 09:40, William de Smet via use-livecode <
> > > > use-livecode at lists.runrev.com> wrote:
> > > > >
> > > > > Hi there,
> > > > >
> > > > > I posted a curved text example (with use of the browser widget) on
> > the
> > > > > forum:
> > > > > https://forums.livecode.com/viewtopic.php?f=120&t=37027
> > > > >
> > > > > It works ok but still not satisfied with transparency.
> > > > > Maybe someone has a better idea on how to do that?
> > > > >
> > > > >
> > > > >
> > > > > groeten,
> > > > >
> > > > > William
> > > > >
> > > > >
> > > > >
> > > > >
> > > > > Op do 28 apr. 2022 om 17:42 schreef William de Smet <
> > > > williamdesmet at gmail.com
> > > > >> :
> > > > >
> > > > >> Thanks!
> > > > >>
> > > > >> I came up with sort of the same idea yesterday evening and I am
> > > > >> tetsting it now.
> > > > >> I load a local html file within the browser widget with
> > circletype.js
> > > > >> added to the html file.
> > > > >>
> > > > >> A native textfield (and some extra code) writes back into the html
> > > file
> > > > >> and then I refresh the card.
> > > > >> A snapshot gives me the curved text.
> > > > >>
> > > > >> There is also Arctext,js that I want to test.
> > > > >>
> > > > >> I will come back later with my result.
> > > > >>
> > > > >> groeten,
> > > > >>
> > > > >> William
> > > > >>
> > > > >>
> > > > >>
> > > > >>
> > > > >> Op do 28 apr. 2022 om 17:24 schreef Ralph DiMola via use-livecode
> <
> > > > >> use-livecode at lists.runrev.com>:
> > > > >>
> > > > >>> +1
> > > > >>>
> > > > >>> Ralph DiMola
> > > > >>> IT Director
> > > > >>> Evergreen Information Services
> > > > >>> rdimola at evergreeninfo.net
> > > > >>>
> > > > >>> -----Original Message-----
> > > > >>> From: use-livecode [mailto:use-livecode-bounces at lists.runrev.com
> ]
> > On
> > > > >>> Behalf
> > > > >>> Of Bob Sneidar via use-livecode
> > > > >>> Sent: Thursday, April 28, 2022 11:18 AM
> > > > >>> To: How to use LiveCode
> > > > >>> Cc: Bob Sneidar
> > > > >>> Subject: Re: Curved text possible?
> > > > >>>
> > > > >>> Great ideas Martin. I'm going to grant you an honorary doctorate
> > from
> > > > the
> > > > >>> institute of Sly Laboratories.
> > > > >>>
> > > > >>> Bob S
> > > > >>>
> > > > >>>
> > > > >>>> On Apr 28, 2022, at 08:10 , Martin Koob via use-livecode
> > > > >>> <use-livecode at lists.runrev.com> wrote:
> > > > >>>>
> > > > >>>> I was thinking that SVG might work as someone else has said.
> > > > >>>>
> > > > >>>> At first I thought you could create individual files for each
> > letter
> > > > and
> > > > >>> number and put the path for a letter into a svg widget which you
> > > could
> > > > >>> rotate or scale.
> > > > >>>> you would then have to calculate the angle of rotation and
> > location
> > > of
> > > > >>> each svg widget on a path.   But then when I tried rotating the
> svg
> > > > widget
> > > > >>> its scale would change as it rotated because the bounds of the
> rect
> > > > were
> > > > >>> changing. Then you would have to calculate the scale depending on
> > the
> > > > >>> rotation angle and that seemed a bit much.
> > > > >>>>
> > > > >>>> I also thought you could import the svg file as an image and
> > perhaps
> > > > >>> that
> > > > >>> would not have the odd behaviour when rotating.  I did not try
> that
> > > > >>> though.
> > > > >>>>
> > > > >>>> Then I found this.
> > > > >>>>
> > > > >>>> https://css-tricks.com/snippets/svg/curved-text-along-path/
> > > > >>> <https://css-tricks.com/snippets/svg/curved-text-along-path/>
> > > > >>>>
> > > > >>>> it shows how to use css to put text along a SVG path.  At the
> > > LiveCode
> > > > >>> Dev
> > > > >>> Con there were a few unconventional uses of the browser widget
> > beyond
> > > > >>> displaying webpages that add features that can add features that
> > > > LiveCode
> > > > >>> does not have natively.  So I thought maybe this is one of them.
> > So
> > > > what
> > > > >>> I
> > > > >>> thought could be done is display the above in a browser widget
> or,
> > > If
> > > > you
> > > > >>> did not want to show the browser widget, use the browser widget
> to
> > > > render
> > > > >>> the curved text, thentake a snapshot of the rendered text and
> then
> > > show
> > > > >>> that
> > > > >>> in an image.
> > > > >>>>
> > > > >>>> Not sure if it will work but the sessions at the conference have
> > > > really
> > > > >>> got me thinking of new ways to leverage the technology in that
> > > widget.
> > > > >>>>
> > > > >>>> Martin Koob
> > > > >>>
> > > > >>>
> > > > >>> _______________________________________________
> > > > >>> use-livecode mailing list
> > > > >>> use-livecode at lists.runrev.com
> > > > >>> Please visit this url to subscribe, unsubscribe and manage your
> > > > >>> subscription
> > > > >>> preferences:
> > > > >>> http://lists.runrev.com/mailman/listinfo/use-livecode
> > > > >>>
> > > > >>>
> > > > >>> _______________________________________________
> > > > >>> use-livecode mailing list
> > > > >>> use-livecode at lists.runrev.com
> > > > >>> Please visit this url to subscribe, unsubscribe and manage your
> > > > >>> subscription preferences:
> > > > >>> http://lists.runrev.com/mailman/listinfo/use-livecode
> > > > >>>
> > > > >>
> > > > > _______________________________________________
> > > > > use-livecode mailing list
> > > > > use-livecode at lists.runrev.com
> > > > > Please visit this url to subscribe, unsubscribe and manage your
> > > > subscription preferences:
> > > > > http://lists.runrev.com/mailman/listinfo/use-livecode
> > > > _______________________________________________
> > > > use-livecode mailing list
> > > > use-livecode at lists.runrev.com
> > > > Please visit this url to subscribe, unsubscribe and manage your
> > > > subscription preferences:
> > > > http://lists.runrev.com/mailman/listinfo/use-livecode
> > > >
> > > _______________________________________________
> > > use-livecode mailing list
> > > use-livecode at lists.runrev.com
> > > Please visit this url to subscribe, unsubscribe and manage your
> > > subscription preferences:
> > > http://lists.runrev.com/mailman/listinfo/use-livecode
> > >
> > _______________________________________________
> > use-livecode mailing list
> > use-livecode at lists.runrev.com
> > Please visit this url to subscribe, unsubscribe and manage your
> > subscription preferences:
> > http://lists.runrev.com/mailman/listinfo/use-livecode
> >
> _______________________________________________
> use-livecode mailing list
> use-livecode at lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your
> subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
>


More information about the use-livecode mailing list