Saya punya masalah dengan kerangka fabric.curvedText.js. Saya mendapat contoh dari situs ini https://github.com/EffEPi/fabric.curvedText
Saya menambahkan satu baris 'sudut: 60'. Hanya jika sudutnya 0, koordinatnya bagus. SetCoords() tidak membantu. Di bawah ini adalah contohnya.
JSfiddle: http://jsfiddle.net/y10vjagy/6/
Bagaimana cara memperbaikinya?
Mulai rendering dengan sudut: 0;
Ubah sudut teks melengkung setelah memuat, dengan cara itu Anda memutar teks dan membungkus bingkai secara bersamaan (saya pikir ini adalah bug yang Anda temui di sini), bagaimanapun jika Anda perlu merender saat memuat dengan sudut tertentu, ubah sudut ke objek yang diinginkan satu per satu rendering.
// where obj is curved text object
if(obj){
obj.set($(this).("angle"), 60);
}
Pembaruan:
$('#radius, #spacing, #fill').change(function(){
var obj = canvas.getActiveObject();
if(obj){
var angle = obj.get('angle');
obj.set('angle', 0);
obj.set($(this).attr('id'),$(this).val());
obj.set('angle', angle);
}
canvas.renderAll();
});
$('#angle').change(function(){
var obj = canvas.getActiveObject();
if(obj){
obj.set($(this).attr('id'),$(this).val());
}
canvas.renderAll();
});
Tetapkan sudut ke 0 ketika radius dan jarak diubah http://jsfiddle.net/7wLnz6pq/1/
