Re: Curved text possible?

[Richmond Mathewson via use-livecode]

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@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@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@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@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@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=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 <
> > > > williamdes...@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@lists.runrev.com>:
> > > > >>
> > > > >>> +1
> > > > >>>
> > > > >>> Ralph DiMola
> > > > >>> IT Director
> > > > >>> Evergreen Information Services
> > > > >>> rdim...@evergreeninfo.net
> > > > >>>
> > > > >>> -Original Message-
> > > > >>> From: use-livecode [mailto:use-livecode-boun...@lists.runrev.com
> ]
> > On
> > > > >>> Behalf
> > > > >>> Of Bob Sneidar via use-livecode
> > > > >>> Sent: Thursday, April 28, 2022 11:18 AM
> > > > >>> To: How to use LiveCode
> > > > >>>

Re: Curved text possible?

[William de Smet via use-livecode]

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@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@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@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@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=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 <
> > > williamdes...@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@lists.runrev.com>:
> > > >>
> > > >>> +1
> > > >>>
> > > >>> Ralph DiMola
> > > >>> IT Director
> > > >>> Evergreen Information Services
> > > >>> rdim...@evergreeninfo.net
> > > >>>
> > > >>> -Original Message-
> > > >>> From: use-livecode [mailto:use-livecode-boun...@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
> > > >>>  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

Re: Curved text possible?

[Sean Cole via use-livecode]

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@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@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@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=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 <
> > williamdes...@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@lists.runrev.com>:
> > >>
> > >>> +1
> > >>>
> > >>> Ralph DiMola
> > >>> IT Director
> > >>> Evergreen Information Services
> > >>> rdim...@evergreeninfo.net
> > >>>
> > >>> -Original Message-
> > >>> From: use-livecode [mailto:use-livecode-boun...@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
> > >>>  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
&

Re: Curved text possible?

[William de Smet via use-livecode]

@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@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@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=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 <
> williamdes...@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@lists.runrev.com>:
> >>
> >>> +1
> >>>
> >>> Ralph DiMola
> >>> IT Director
> >>> Evergreen Information Services
> >>> rdim...@evergreeninfo.net
> >>>
> >>> -Original Message-
> >>> From: use-livecode [mailto:use-livecode-boun...@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
> >>>  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 s

Re: Curved text possible?

[Pi Digital via use-livecode]

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 
>  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=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 > :
> 
>> 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@lists.runrev.com>:
>> 
>>> +1
>>> 
>>> Ralph DiMola
>>> IT Director
>>> Evergreen Information Services
>>> rdim...@evergreeninfo.net
>>> 
>>> -Original Message-
>>> From: use-livecode [mailto:use-livecode-boun...@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
>>>  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@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@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@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@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Curved text possible?

[William de Smet via use-livecode]

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=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 :

> 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@lists.runrev.com>:
>
>> +1
>>
>> Ralph DiMola
>> IT Director
>> Evergreen Information Services
>> rdim...@evergreeninfo.net
>>
>> -Original Message-
>> From: use-livecode [mailto:use-livecode-boun...@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
>>  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@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@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@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Curved text possible?

[William de Smet via use-livecode]

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@lists.runrev.com>:

> +1
>
> Ralph DiMola
> IT Director
> Evergreen Information Services
> rdim...@evergreeninfo.net
>
> -Original Message-
> From: use-livecode [mailto:use-livecode-boun...@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
>  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@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@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@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

RE: Curved text possible?

[Ralph DiMola via use-livecode]

+1

Ralph DiMola
IT Director
Evergreen Information Services
rdim...@evergreeninfo.net

-Original Message-
From: use-livecode [mailto:use-livecode-boun...@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
 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@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@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Curved text possible?

[Bob Sneidar via use-livecode]

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 
>  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/ 
> 
> 
> 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@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Curved text possible?

[Martin Koob via use-livecode]

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/ 


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

> On Apr 27, 2022, at 12:47 PM, doc hawk via use-livecode 
>  wrote:
> 
> I looked at this some years ago.  I forget why I wanted to do it (a logo, 
> perhaps?).
> 
> My conclusion was that the best way would be to write it as either eps or 
> postscript.  
> 
> This gives you something that can be trivially rotated without loss, but the 
> catch is that you have to then feed it to an external program to concert it 
> to something that livecode can display (png, jpg, whatever).
> 
> I decided that it wasn’t worth the effort,.
> 
> At the time, eps was still included in the documentation, but I think the 
> last platforms livecode actually supported eps on were NeXT and Sunos
> 
> 
> ___
> use-livecode mailing list
> use-livecode@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@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Curved text possible?

[doc hawk via use-livecode]

I looked at this some years ago.  I forget why I wanted to do it (a logo, 
perhaps?).

My conclusion was that the best way would be to write it as either eps or 
postscript.  

This gives you something that can be trivially rotated without loss, but the 
catch is that you have to then feed it to an external program to concert it to 
something that livecode can display (png, jpg, whatever).

I decided that it wasn’t worth the effort,.

At the time, eps was still included in the documentation, but I think the last 
platforms livecode actually supported eps on were NeXT and Sunos


___
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Curved text possible?

[Craig Newman via use-livecode]

The polyLine character substitution will be a simple. Creation will be a bear, 
but only once.

If you had “Hello World” and wanted to “curve” it, you would simply pull the 
appropriate curved chars, “H”,, “e’, “l, etc. and string them together.

Uh oh, what about kerning? I hope this is a monospaced curved font you are 
thinking about.

Craig

> On Apr 27, 2022, at 11:52 AM, William de Smet via use-livecode 
>  wrote:
> 
> Hi Paul,
> 
> It will be an iOS app.
> 
> 
> groeten,
> 
> William
> 
> 
> 
> 
> Op wo 27 apr. 2022 om 17:45 schreef Paul Dupuis via use-livecode <
> use-livecode@lists.runrev.com>:
> 
>> There is not a native way to do this in LiveCode.
>> 
>> An approach might be to use the shell() function (see Dictionary) to
>> pass the text to some external graphics utility that renders and image
>> of it curved and then import the image back into Livecode. There may be
>> other work-arounds.
>> 
>> On 4/27/2022 11:12 AM, William de Smet via use-livecode wrote:
>>> Hi There,
>>> 
>>> I am in the need for curved text.
>>> User input via a text field need to have a copied curved text output.
>>> Is this even possible in Livecode?
>>> I was thinking of text to the points of a path? Something like that?
>>> 
>>> 
>>> Greetings William
>>> ___
>>> use-livecode mailing list
>>> use-livecode@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@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@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@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Curved text possible?

[ELS Prothero via use-livecode]

Folks,
I made a vertically oriented y axis text label for a data plot once. The text 
was written in a field with a transparent background, then a screen capture of 
the text field area, then rotating the captured image 90 degrees. It worked 
great. Obvious limitation was that the background was included in the capture. 
I wonder if something like this could be done letter by letter, then 
re-captured in a summary graphic.

I seem to remember someone making a plugin, years ago, that made text on a 
curve. 


Best,
Bill

William Prothero
https://earthlearningsolutions.org

> On Apr 27, 2022, at 8:53 AM, William de Smet via use-livecode 
>  wrote:
> 
> Hi Paul,
> 
> It will be an iOS app.
> 
> 
> groeten,
> 
> William
> 
> 
> 
> 
> Op wo 27 apr. 2022 om 17:45 schreef Paul Dupuis via use-livecode <
> use-livecode@lists.runrev.com>:
> 
>> There is not a native way to do this in LiveCode.
>> 
>> An approach might be to use the shell() function (see Dictionary) to
>> pass the text to some external graphics utility that renders and image
>> of it curved and then import the image back into Livecode. There may be
>> other work-arounds.
>> 
>>> On 4/27/2022 11:12 AM, William de Smet via use-livecode wrote:
>>> Hi There,
>>> 
>>> I am in the need for curved text.
>>> User input via a text field need to have a copied curved text output.
>>> Is this even possible in Livecode?
>>> I was thinking of text to the points of a path? Something like that?
>>> 
>>> 
>>> Greetings William
>>> ___
>>> use-livecode mailing list
>>> use-livecode@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@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@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@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Curved text possible?

[William de Smet via use-livecode]

Hi Paul,

It will be an iOS app.


groeten,

William




Op wo 27 apr. 2022 om 17:45 schreef Paul Dupuis via use-livecode <
use-livecode@lists.runrev.com>:

> There is not a native way to do this in LiveCode.
>
> An approach might be to use the shell() function (see Dictionary) to
> pass the text to some external graphics utility that renders and image
> of it curved and then import the image back into Livecode. There may be
> other work-arounds.
>
> On 4/27/2022 11:12 AM, William de Smet via use-livecode wrote:
> > Hi There,
> >
> > I am in the need for curved text.
> > User input via a text field need to have a copied curved text output.
> > Is this even possible in Livecode?
> > I was thinking of text to the points of a path? Something like that?
> >
> >
> > Greetings William
> > ___
> > use-livecode mailing list
> > use-livecode@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@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@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Curved text possible?

[William de Smet via use-livecode]

Hi Craig,

The text will mostly be names at start (but could also be more words in the
future).
Draw with polyLines. Didn't think of that. A lot of coding I think.

Then I could also use SVG files to replace the text of the field.
Maybe easier to enlarge, rotate a bit and give another backgroundcolor?

The number of chars of fld "name" gives me the number of letters.
Is there a quick way to define which letter on which place in the name?




groeten,

William




Op wo 27 apr. 2022 om 17:21 schreef Craig Newman via use-livecode <
use-livecode@lists.runrev.com>:

> How large is this curved text?
>
> You could certainly create an entire alphabet with polyLines, and insert
> them as needed to replace a body of text. But if you need 12 point size,
> those graphics are going to be, er, difficult to do nicely.
>
> Craig
>
> > On Apr 27, 2022, at 11:12 AM, William de Smet via use-livecode <
> use-livecode@lists.runrev.com> wrote:
> >
> > Hi There,
> >
> > I am in the need for curved text.
> > User input via a text field need to have a copied curved text output.
> > Is this even possible in Livecode?
> > I was thinking of text to the points of a path? Something like that?
> >
> >
> > Greetings William
> > ___
> > use-livecode mailing list
> > use-livecode@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@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@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Curved text possible?

[Paul Dupuis via use-livecode]

There is not a native way to do this in LiveCode.

An approach might be to use the shell() function (see Dictionary) to 
pass the text to some external graphics utility that renders and image 
of it curved and then import the image back into Livecode. There may be 
other work-arounds.


On 4/27/2022 11:12 AM, William de Smet via use-livecode wrote:

Hi There,

I am in the need for curved text.
User input via a text field need to have a copied curved text output.
Is this even possible in Livecode?
I was thinking of text to the points of a path? Something like that?


Greetings William
___
use-livecode mailing list
use-livecode@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@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Re: Curved text possible?

[Craig Newman via use-livecode]

How large is this curved text?

You could certainly create an entire alphabet with polyLines, and insert them 
as needed to replace a body of text. But if you need 12 point size, those 
graphics are going to be, er, difficult to do nicely.

Craig

> On Apr 27, 2022, at 11:12 AM, William de Smet via use-livecode 
>  wrote:
> 
> Hi There,
> 
> I am in the need for curved text.
> User input via a text field need to have a copied curved text output.
> Is this even possible in Livecode?
> I was thinking of text to the points of a path? Something like that?
> 
> 
> Greetings William
> ___
> use-livecode mailing list
> use-livecode@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@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode