到目前为止,我在矩形内部有一个动态图。矩形本身的编码如下:
<rect width="50%" height="100px" class="graph_rect" style="fill:none;pointer-events:all;" </rect>
目前,我没有任何实现此目标的JavaScript代码。但是,我希望在“ graph_rect”的顶部创建另一个矩形,以便:
当我单击“ graph_rect”时,会出现一个宽度为0高度为100px的矩形
当我拖动时,该框的宽度将始终等于距初始点的像素数
当我释放鼠标时,它消失了
最佳答案
将onclick
属性添加到graph_rect
。单击graph_rect
后,您可以调用一个函数以切换其visibility
。
您还可以使用HTML5的拖放功能来确定何时拖动元素,并相应地调整元素的大小和位置。
https://www.w3schools.com/css/css_display_visibility.asp
https://www.w3schools.com/html/html5_draganddrop.asp