如何使得用户可以手动在直线上增加点

问题遇到的现象和发生背景

树状图的节点向右延伸一条直线,需要在直线上右键增加一个小正方形,左键和右键点击小正方形触发的函数不同。

问题相关代码,请勿粘贴截图

无,没想到可以用什么。

运行结果及报错内容

无。

我的解答思路和尝试过的方法

前端,优先用vue.js实现。我想不到怎么做了。

我想要达到的结果

界面左侧为一个树状图,树状图节点会向右延伸一条直线。
用户在直线上单击右键会在直线对应的点增加一个小正方形,并且弹出一个弹窗。
直线很长,该部分最下方会有一个滑块可以滑动查看(除了overflow-x还有其他方法吗?)。
左键单击小方块,会在界面右侧显示小方块信息。

也可以直线预先标注刻度,右键时,会在最近的刻度上增加小方块。

你可以把你的需求先画出来最好

draw.io这个应用完全解答了你的问题,也是目前最好用的开源画图软件。有时间学习学习人家怎么写的代码吧

建议你把问题加上一个配图

这个可以事先完成草稿的绘制,不然这么提问,需求不是非常清楚

建议你把问题加上一个配图

看不懂你的需求