小编Tho*_*goc的帖子
使用Javascript将图像拖动到div上时如何缩放重影图像？
当用户将该图像拖动到 div 上时，请帮助我制作效果缩放 x2 重影图像，如下视频所示：
这是我的代码（我尝试使用 e.dataTransfer.setDragImage 来更新事件“dragenter”中的图像，但它不起作用）：
var containerElement = document.getElementById('containter');
containerElement.addEventListener('dragenter', function(e) {
// Need scale image here
var ghostImageElement = document.getElementById('drag_ghost_image');
$(ghostImageElement).width($(dragImage).width() * 2);
$(ghostImageElement).height($(dragImage).height() * 2);
e.dataTransfer.setDragImage(ghostImageElement, 0, 0);
}, true);
containerElement.addEventListener('dragleave', function(e) {
// Need scale image here
var ghostImageElement = document.getElementById('drag_ghost_image');
$(ghostImageElement).width($(dragImage).width());
$(ghostImageElement).height($(dragImage).height());
e.dataTransfer.setDragImage(ghostImageElement, 0, 0);
}, true);
var dragImageElement = document.getElementById('dragImage');
dragImageElement.addEventListener('dragstart', function(e) {
// Make trace image
var crt = this.cloneNode(true);
crt.setAttribute('id', 'drag_ghost_image');
crt.style.position = "absolute";
crt.style.top = "0";
crt.style.right = "0"; …7
推荐指数
推荐指数
0
解决办法
解决办法
699
查看次数
查看次数
鼠标悬停在Fabricjs中的对象时如何显示对象边界框？
当鼠标悬停在像这个视频这样的对象上时，我想显示对象边界框，该怎么做？
我正在使用带有selectedObj.drawBorders函数的canvas.on('mouse:over')。但是，轮廓框绘制的位置不正确。当鼠标移出对象时，我不知道如何清除该轮廓框。
这是我的代码：
$(function() {
var canvasObject = document.getElementById("editorCanvas");
// set canvas equal size with div
$(canvasObject).width($("#canvasContainer").width());
$(canvasObject).height($("#canvasContainer").height());
var canvas = new fabric.Canvas('editorCanvas', {
backgroundColor: 'white',
selectionLineWidth: 2,
width: $("#canvasContainer").width(),
height: $("#canvasContainer").height()
});
canvas.viewportTransform[4] = 20;
canvas.viewportTransform[5] = 40;
canvas.on('mouse:over', function(opts) {
var selectedObj = opts.target;
if (selectedObj != null) {
selectedObj.drawBorders(canvas.getContext())
}
});
var text = new fabric.Text('hello world', { left: 50, top: 50 });
canvas.add(text);
setObjectCoords();
function setObjectCoords() {
canvas.forEachObject(function(object) {
object.setCoords();
});
} …1
推荐指数
推荐指数
1
解决办法
解决办法
1477
查看次数
查看次数
如何在 Reactjs 中将中心文本或 div 项与 Ant Design Space 对齐？
如何使用 Ant 设计将文本或 div 项目中心与 Space 水平对齐？
这是我的代码：
import { Space } from 'antd'
<Space direction="horizontal" align="center" style={{width: '100%'}}>
<span>Hello</span>
</Space>
1
推荐指数
推荐指数
1
解决办法
解决办法
809
查看次数
查看次数