Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery centeredScaling无法与滑块控制一起使用_Jquery_Slider_Fabricjs_Fabricjs2 - Fatal编程技术网

Jquery centeredScaling无法与滑块控制一起使用

Jquery centeredScaling无法与滑块控制一起使用,jquery,slider,fabricjs,fabricjs2,Jquery,Slider,Fabricjs,Fabricjs2,centeredScaling不适用于滑块控制 当我们使用对象的角点手动缩放对象时,它会起作用 我希望在我的项目中使用滑块控件缩放对象。如果没有内置的鼠标界面,就没有居中缩放。 按代码缩放时,应手动注意对象位置 以下是您的操作方法: $(文档).ready(函数(){ var canvas=window.\u canvas=newfabric.canvas('can'); canvas.set({ fireRightClick:true, stopContextMenu:true, 对,对,

centeredScaling不适用于滑块控制

当我们使用对象的角点手动缩放对象时,它会起作用


我希望在我的项目中使用滑块控件缩放对象。

如果没有内置的鼠标界面,就没有居中缩放。 按代码缩放时,应手动注意对象位置

以下是您的操作方法:

$(文档).ready(函数(){
var canvas=window.\u canvas=newfabric.canvas('can');
canvas.set({
fireRightClick:true,
stopContextMenu:true,
对,对,
有状态:错误,
centeredScaling:错误,
});
var initText=new fabric.Text(“早上好”{
左:170,
排名:120,
填写:“#000”,
尺寸:40,
textAlign:'中心',
centeredScaling:正确,
fontFamily:“Arial”,
hasRotatingPoint:false,
最低限值:0.4,
flipX:错,
弗利皮:错,
填充:10,
伊斯克里克:是的,
});
initText.setControlsVisibility({
mt:错,
mb:错,
ml:错,
mr:错,
tr:是的,
是的,
比尔:是的,
比尔:是的
});
initText.hasRotatingPoint=false;
add(initText).bringToFront(initText.renderAll();
initText.center();
initText.setCoords();
$(“#滑块”).滑块({
最小值:0.3,
最高:5,
步骤:0.1,
动画:“快”,
更改:功能(事件、用户界面){
var obj=canvas.getActiveObject();
如果(obj){
//如果(activeObject.type==“text”){
objscale=obj.scaleX;
if(obj.scaleX==obj.scaleY){
objscale=obj.scaleX;
}	
}
},
幻灯片:功能(事件、用户界面){
var obj=canvas.getActiveObject();
如果(obj){
var slider_scale=$(此).slider(“值”);
objscale=滑块刻度;
if(objscale!=“”&&objscale>0){
var center=obj.getCenterPoint();
对象比例(parseFloat(objscale));
obj.setPositionByOrigin(中心、‘中心’、‘中心’);
//obj.center().setCoords();
canvas.requestRenderal();
}		
}
},
});
});
正文{
背景:#20262E;
字体系列:Helvetica;
}
#能{
背景:#fff;
边界半径:4px;
文本对齐:居中;
}




我在这里为它制作了小提琴。好的。明白。每次缩放对象时,我必须保持对象的位置。fabricJS在内部对每个缩放操作都做相同的操作