fabric.js顯示畫布文本的鏡像

Question

我正在使用fabric.js在canva上寫文本。點擊按鈕我想顯示文本的鏡像。是否有任何財產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(); 
}); 

Answer 1

嘗試這段代碼...我編輯它..

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

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

}); 

Answer 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(); 
    } 
}