Fabric JS:使用坐标(x,y)设置图像定位
Fabric JS: Set Image positioning with coordinates (x,y)
在裁剪图像之后,我不保存裁剪的图像,但我得到了X、Y、宽度和高度的数据。我在织物画布中使用完整的图像,然后我需要根据织物画布上的数据设置图像的位置。
简而言之:我需要设置画布图像的坐标(x,y)。不是画布。仅限于画布的图像。我尝试了setOriginX,setOriginY,但没有根据需要显示结果。它得到0,0的位置。这是代码
var canvas = new fabric.Canvas('canvas');
var imgElement = document.getElementById('myimg');
var CanImg = new fabric.Image(imgElement, {
setScaleX: img_data.x,
setScaleY: img_data.y
});
$('#canvas').attr('width',img_data.width);
$('#canvas').attr('height',img_data.height);
canvas.setHeight(img_data.height);
canvas.setWidth(img_data.width);
CanImg.selectable = false;
canvas.add(CanImg);
这样做最好的方法是什么?
您可以在此链接中引用"画布背景和覆盖"。他们已经解释了如何将图像设置为画布背景的方法。现在,正如您所说,您已经裁剪了图像数据,您可以先裁剪图像,然后根据给定的链接设置图像
相关文章:
- 如何设置html元素填充的动画
- 需要帮助设置json数组
- CSS-如何定位内容数据标题
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- 数组在递归方法中设置为null
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- 当定位模式设置为“0”时,总是达到关于地理定位的超时;仅设备”;
- 在地图加载/页面加载时,我想将地图设置为当前地理位置,但不想在地图上显示定位图标
- 如何为 ajax 生成的图像设置绝对定位
- 使用 jQuery offset() 将绝对定位的 DIV 设置为另一个 DIV 的相同 y 坐标
- 在 iPad 上绝对定位不会将元素设置在所需位置
- 将enableHighAccuracy和其他地理定位设置放在何处
- Fabric JS:使用坐标(x,y)设置图像定位
- 使用定位服务的移动网页-当定位服务关闭时,为用户提供设置的本地链接
- kenou设置上、左带绝对定位
- 如何为基于公式定位元素的函数正确设置计时器
- 找到绝对定位的子元素的高度并设置它's到其父项的高度
- 将日期字符串重新定位为区域设置
- 在Google Maps API v3中设置基于地理定位精度的缩放级别
- Javascript表单验证未执行,输入文本框高度光标定位未设置为顶部