Jquery fabric.js显示画布文本的镜像
我正在使用Jquery fabric.js显示画布文本的镜像,jquery,html,css,fabricjs,Jquery,Html,Css,Fabricjs,我正在使用fabric.js在canva上编写文本。稍后单击按钮,我想显示文本的镜像。fabric.js中是否有任何属性可用于在画布上旋转文本 请查收 试试这段代码…我已经编辑过了 document.getElementById('btn').addEventListener('click', function (e) { canvas.getActiveObject().set("angle", "-180").set('flipY', true); canvas.rende
fabric.js
在canva上编写文本。稍后单击按钮,我想显示文本的镜像。fabric.js
中是否有任何属性可用于在画布上旋转文本
请查收
试试这段代码…我已经编辑过了
document.getElementById('btn').addEventListener('click', function (e) {
canvas.getActiveObject().set("angle", "-180").set('flipY', true);
canvas.renderAll();
});
我不想旋转我想文本翻转。。。就像镜子一样,你需要动画吗?我如何管理对象i层?我的意思是说,当我们在css中使用z-index时,我可以在这里使用什么来前后移动元素?这些是canvas使用的方法。SendBackward(myObject)canvas。sendToBack(myObject)canvas。bringForward(myObject)canvas。bringToFront(myObject)可以检查这个小提琴吗?我想在文本区域更改后立即更改canvas文本
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();
}
}