svg.js 2.x：可调整大小，然后不可拖动

Question

我正在使用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

Answer 1

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

JSFiddle，添加CSS规则：

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