jquery - fabric.js 显示画布文本的镜像

Question

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

Answer 1

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

Answer 2

试试这段代码...我已经编辑了它..

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

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

});