[英]fabric.js to show mirror image of canvas text
我正在使用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();
});
试试这段代码......我编辑了它..
document.getElementById('btn').addEventListener('click', function (e) {
canvas.getActiveObject().set("angle", "-180").set('flipY', true);
canvas.renderAll();
});
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();
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.