https://tutu.to/image/image.aOySP
ondrag: function (event) {
// 限制只允许左右拖动
var newX = event.x;
var line = event.target;
line.attr('shape', {
x1: newX,
y1: 0,
x2: newX,
y2: 400
});
},
graphic: [
{
type: "line",
id: "drag-line",
shape: {
x1: 100, // 起始位置
y1: 0,
x2: 100, // 结束位置
y2: 400,
},
style: {
stroke: "#ff0000",
lineWidth: 2,
},
draggable: true, // 开启拖拽
用这个拖拽的时候可以限制上下，但是不知道为什么左右移动的时候线会消失，停止移动过一会才会显示
