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