Curved text possible?

Wed May 18 11:24:15 EDT 2022

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
>