小编Raj*_*han的帖子

如何检测DOM-draggables和FabricJS形状之间的冲突

我想在画布上拖动外部图像并且它与该画布对象相交时,找到画布中已经存在的对象.这是我用于拖放的代码:

if (Modernizr.draganddrop) {
    // Browser supports HTML5 DnD.
    // Bind the event listeners for the image elements
    var images = document.querySelectorAll('#images img');
    [].forEach.call(images, function (img) {
        img.addEventListener('dragstart', handleDragStart, false);
        img.addEventListener('dragend', handleDragEnd, false);
    });
    // Bind the event listeners for the canvas
    var canvasContainer = document.getElementById('canvas-container');
    canvasContainer.addEventListener('dragenter', handleDragEnter, false);
    canvasContainer.addEventListener('dragover', handleDragOver, false);
    canvasContainer.addEventListener('dragleave', handleDragLeave, false);
    canvasContainer.addEventListener('drop', handleDrop, false);
} else {
    // Replace with a fallback to a library solution.
    alert("This browser doesn't support the HTML5 Drag and Drop API."); …
Run Code Online (Sandbox Code Playgroud)

javascript html5 drag-and-drop fabricjs

4
推荐指数
1
解决办法
1099
查看次数

如何缩短此正则表达式?

我想,让字符串开始与大写字母和前两个字符应该包含NL但其他字母像DE,BE等.

这是我在javascript中的方式

str.substring(0,2).match(/^[ABCDEFGHIJKLMOPQRSTUVWXYZ]+[ABCDEFGHIJKMNOPQRSTUVWXYZ]+$/)
Run Code Online (Sandbox Code Playgroud)

我想将它缩短到范围.我尝试使用这些范围表达式[A-MO-Z],[AM] [OZ] +,但它们不起作用.

编辑:我尝试了这些表达式,但它们不起作用

str.substring(0,2).match(/^[A-MO-Z]+[A-KM-Z]+$/)
str.substring(0,2).match(/^[A-M][O-Z]+[A-K][M-Z]+$/)
str.substring(0,2).match(/^([A-M][O-Z])+([A-K][M-Z])+$/)
Run Code Online (Sandbox Code Playgroud)

javascript regex expression

0
推荐指数
1
解决办法
59
查看次数

标签 统计

javascript ×2

drag-and-drop ×1

expression ×1

fabricjs ×1

html5 ×1

regex ×1