Curved text possible?

Pi Digital sean at pidigital.co.uk
Wed May 18 05:40:25 EDT 2022


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


More information about the use-livecode mailing list