EffEPi / fabric.curvedText

Allows you to create curved text - extension to fabric.js
43 stars 41 forks source link

Rendering curvedText #5

Closed tonycaso closed 10 years ago

tonycaso commented 10 years ago

First of all thanks for this addon, I was waiting a long time for something like this.

I notice that when curvedText is active, changes like color, stroke, transparence, etc does not take effect until mouse is over selected text.

In other way, I can't aply shadow, blur, shadowoffset. in Json log appears those values, but not in canvas.

Sorry for my English, I'm a Spanish developer.

Thanks again.

fahadnabbasi commented 10 years ago

You need to add those properties in fabric.curvedText.js e.g.

var _dimensionAffectingProps = fabric.Text.prototype._dimensionAffectingProps; _dimensionAffectingProps['radius'] = true; _dimensionAffectingProps['effect'] = true; _dimensionAffectingProps['spacing'] = true; _dimensionAffectingProps['width'] = true; _dimensionAffectingProps['height'] = true; _dimensionAffectingProps['range'] = true; _dimensionAffectingProps['reverse'] = true; _dimensionAffectingProps['fontSize'] = true; _dimensionAffectingProps['fill'] = true; _dimensionAffectingProps['shadow'] = true;

and

var delegatedProperties = fabric.Group.prototype.delegatedProperties; delegatedProperties['backgroundColor'] = true; delegatedProperties['textBackgroundColor'] = true; delegatedProperties['textDecoration'] = true; delegatedProperties['stroke'] = true; delegatedProperties['strokeWidth'] = true; delegatedProperties['shadow'] = true;

EffEPi commented 10 years ago

Thank you fahad. I will add the code

fahadnabbasi commented 10 years ago

My please