How to create Text WordArt In Canvas (FabricJS) - html

I'm creating a product designer using FabricJS. Is there any way to create wordart text shapes in canvas. Just like we have Text Wordarts in Microsoft Word.
I searched online but didn't find anything. I have used Fabric curvedText library though and it provides functionality to only rotate text. Is there anyway or library to create text wordart in different shapes?

Related

Dynamic cropping of png images using as3

I am trying to create a jigsaw puzzle. I want to create the jigsaw pieces dynamically using as3. The number of pieces can vary from image to image. Is there a way to do that?

Moving a separate glyph in TextField/TextBlock/TextLine

I want to make an RPG-like animation with text, like waving, shaking, etc. So I need to move separate glyphs in in text container. I looked up in Adobe documentation, but didn't find myself any information about accessing separate glyph graphics, to change it's position/scale/whatever.
Is it possible? Or the only way to do it is to draw glyphs separately from text field to BitmapData and do the whole thing by myself?

Get/extract dynamic text outline

I am creating an application in flex, i need to create a handwrite effect for text, I need to get the outline for the text in coordinates or vectors using AS3.
I have tried this answer. As textfields cannot be read usin readGraphicsData(). But i cannot create static textfields becuase am using pure Flex here. Any help would be appreciated.

html5 canvas draw text with mutiple font

How can i fill text in the canvas with mutiple font.
I can be able to fill in canvas this:
This is an example of what I want to do
this is another example of what I want to do
I know that i can slpit the sting and do first fill the normal text, second the bold text, and third the rest of the text. but i want to be able to drag and drop the text, so i cant do in that way.
Sorry, you're out of luck. There's no easy way out here.
You have to call drawtext at least three times if you want text with a bolded word in the center.
There may be a time in the future where you are allowed to draw arbitrary html, the spec mentions this is a real possibility, but that won't be for some time. To quote the spec:
Note: A future version of the 2D context API may provide a way to render fragments of documents, rendered using CSS, straight to the canvas. This would be provided in preference to a dedicated way of doing multiline layout.
From the end of this section.
You can of course still drag and drop, you just have to have a list of elements and their locations that make up a "node". Much more complicated objects have been done in the canvas no doubt.

OCR algorithm- distinguish between textual image and object image

Am writing a program that extracts the contents from the logo of different websites.. i am using OCR to extract the text from the logo but i want to optimize the program and want to apply OCR only on those logos which have text but i dont know how to determine if a logo contains text or not??? any method??
this is a case where we need to know if an image has text in it. It is different from OCR.
The algorithm which is considered to be best to date is Stroke Width Transform. It was designed by Ephstein under Microsoft in 2010. It doesn't use any machine learning purposes.
You can get more details from this paper : Detecting Text in Natural Scenes with Stroke Width Transform
Or watch a video about this.
There is an implementation of this algorithm here.