text rendering isn't working about fabric.js

[kangax]

Hey, sorry for the delayed response. If you guys have a minimal testcase, I'd love to take a look and see what's going on there.

[kilaulena]

Hey, thanks, but we're using http://code.google.com/p/canvas-text/ now for text rendering and fabric for the rest, not that pretty but it works.

[pamelafox]

I am trying out fabric.Text now as well, and am just trying to put it in the demo case.
I first included cufon.js (dL'ed from github), as otherwise it didn't know about it.

Then I added canvas.add(new fabric.Text('Hello')); to the demo.js, instead of a Rect, but am getting:

Uncaught TypeError: Object function () {
return api.replace.apply(null, arguments);
} has no method 'replaceElement'
_renderall.js:8053
renderall.js:8087
_draw

Do you know what's going on there? Thanks!

[kangax]

Sorry, my bad. I somehow missed Cufon from the dependencies. It's now under /lib and is included as part of a final build.

The reason text wasn't working is because there has to be a font file, describing how glyphs are to be rendered. I included some of the free fonts under /test/fonts — (http://github.com/kangax/fabric.js/tree/gh-pages/test/fonts); You can use Cufon builder to create them yourself (from .ttf, .otf, etc.) — http://cufon.shoqolate.com/generate/

I added a text object (rendered in "Delicious" font) to the demo page, as an example.

Hope this helps.

[pamelafox]

Thanks so much, great to have text be in the demo now.

[saran110313]

fabric.util.loadImage( ' ../sample.png' , function(img){
});
Uncaught TypeError: object.render is not a function
fabric.StaticCanvas.fabric.util.createClass._onObjectAdded @ fabric.js:6378
fabric.Collection.add @ fabric.js:198
this image object move and not add the client side in image function.
how to solve this function...