2013-12-06 1 views
1

При добавлении изогнутый текст на холсте и конвертировать холст в формате JSON с помощью JSON.stringify(canvas); функции, я получаю JSON как:изогнутый текст, созданный fabric.curvedText.js не поддерживает функцию loadFromJSON

var front='{"objects":[{"type":"curvedText","originX":"center","originY":"center","left":180,"top":110,"width":149,"height":100.26,"fill":"rgb(0,0,0)","overlayFill":null,"stroke":null,"strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"selectable":true,"hasControls":true,"hasBorders":true,"hasRotatingPoint":true,"transparentCorners":true,"perPixelTargetFind":false,"shadow":null,"visible":true,"clipTo":null,"text":"trstererer","fontSize":30,"fontWeight":"bold","fontFamily":"conv_bpreplayextended","fontStyle":"","lineHeight":1.3,"textDecoration":"","textShadow":"","textAlign":"center","path":null,"backgroundColor":"","textBackgroundColor":"","useNative":true,"radius":50,"spacing":15,"reverse":false,"bulge":true,"curve":false,"pintch":false,"arch":false,"wedge":false,"roof":false,"bridge":false,"vally":false}],"background":""}' 

но ошибка возникает, когда Я хочу, чтобы загрузить выше JSON снова на холсте с помощью canvas.loadFromJSON(front);:

Uncaught TypeError: Cannot read property 'async' of undefined fabric.all.min.js:863 (anonymous function) fabric.all.min.js:863 v fabric.all.min.js:860 fabric.util.object.extend._enlivenObjects fabric.all.min.js:3719 fabric.util.object.extend.loadFromJSON fabric.all.min.js:3700 (anonymous function)

+1

Отсутствует свойство async. Вы должны добавить 'fabric.CurvedText.async = false' в fabric.CurvedText. – Kienz

+0

спасибо, но я пробовал это, не повезло .. – Rash

+0

Можете ли вы создать тестовый кейс jsfiddle? Или вы можете опубликовать свой код fabric.js. – Kienz

ответ

0

Наконец я получил решение этой проблемы.

Я добавил код от fabric.curvedText.js к fabric.all.min

тогда проблема e.type неопределенной решена.

тогда я искал много на getKlass и, наконец, получил решение:

https://groups.google.com/forum/#!topic/fabricjs/oLDIW_MoRRY здесь

Я дал type=curvedText и имя класса в качестве fabric.CurvedText, который не соответствует

теперь я изменил его до fabric.Curvedtext и какой сюрприз он работает ...

Спасибо Kangax n Да h тоже.

Смежные вопросы