2013-08-28 1 views
2

Я использую fabric.js, чтобы написать текст на canva .later при нажатии кнопки. Я хочу показать зеркальное отражение текста. есть ли какое-либо свойство в fabric.js, которое я могу использовать для поворота текста на холсте.fabric.js, чтобы показать зеркальное отражение текста на холсте

Пожалуйста, проверьте, http://jsfiddle.net/BTh6A/9/

document.getElementById('btn').addEventListener('click', function (e) { 
    var obj = canvas.getActiveObject(); 

    if (!obj) return; 

    //here comes code to show mirror image 

    obj.set('fill', '#FF0000'); 
    canvas.renderAll(); 
}); 

ответ

5

Попробуйте этот кусок кода ... Я редактировал ..

document.getElementById('btn').addEventListener('click', function (e) { 

    canvas.getActiveObject().set("angle", "-180").set('flipY', true); 
    canvas.renderAll(); 

}); 
+0

я не хочу, чтобы повернуть я хочу, чтобы текст был флип. .. как зеркало – anam

+1

вам нужна анимация? –

+0

Что вы называете холстом? Я ученик – anam

2
function flipX() { 
    var obj = canvas.getActiveObject(); 
    if (obj) { 
     obj.set('flipX', !obj.flipX); 
     canvas.renderAll(); 
    } 
} 

function flipY() { 
    var obj = canvas.getActiveObject(); 
    if (obj) { 
     obj.set('flipY', !obj.flipY); 
     canvas.renderAll(); 
    } 
} 
+0

Это должен быть принятый ответ – potatoes

+0

он работает, спасибо. –