代码之家 › 专栏 › 技术社区 › Joy

svg.js 2.x:可调整大小,但不可拖动

svg.js

0

Joy · 技术社区 · 5 年前

我使用svg.js 2.x来支持这一点:允许用户在图像上绘制一个矩形,然后他可以拖动/调整大小/移动/移除/标记它。

JS是这样的:

const pen = new SVG('canvas').size(500, 500);

const rect = pen.rect(100, 100).fill('orange');

// Make it draggable
rect.draggable();

// Make it resizable, but then not draggable
// If comment out this line, it's draggable
rect.selectize().resize();

我可以将矩形分别设置为可调整大小和可拖动,但不能同时设置为可调整大小和可拖动。

JSFiddle

1 回复 | 直到 5 年前

1

0

Joy 5 年前

好啊。这个JIRA问题解决了我的问题: https://github.com/svgdotjs/svg.js/issues/439 .

JSFiddle ,添加css规则:

.svg_select_boundingRect {
  pointer-events: none !important;
  /* important added */
}