Curved text possible?

[William de Smet]

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