Wie kann ich ein ziehbares und in der Größe veränderbares Rechteck beim Klick anzeigen lassen und bei der Veröffentlichung verschwinden?

Ab sofort habe ich eine dynamische Grafik innerhalb eines Rechtecks. Das Rechteck selbst ist codiert wie:Wie kann ich ein ziehbares und in der Größe veränderbares Rechteck beim Klick anzeigen lassen und bei der Veröffentlichung verschwinden?

<rect width="50%" height="100px" class="graph_rect" style="fill:none;pointer-events:all;" </rect>

Im Moment habe ich keinen JavaScript-Code, der für dieses Ziel funktioniert. Aber ich habe gehofft, dass ein weiteres Rechteck oben auf „graph_rect“ zu schaffen, so dass:

Wenn ich auf „graph_rect“ a dieses Rechteck der Breite: 0 und Höhe: 100px erscheint
Wenn ich ziehe, dass Boxen wird immer Breite die Anzahl der Pixel entfernt von dem Anfangspunkt gleich
Wenn ich die Maustaste loslassen, verschwindet es nur

Quelle

2017-06-13 Maggie

nicht wirklich sicher, was Sie wollen, aber ein Startplatz konnte das 'resize' Eigentum oder jQuerys sein' resizable' –

Ich denke, was er will, ist eine Art von Linie, die von der Maus geht an die Rechte. Etwas schwer zu erklären, aber ziemlich einfach zu visualisieren. [So] (https://sketch.io/render/sk-f391e52e5e76734d5d0c8989bd9c6d23.jpeg). Edit: nvm Ich denke, ich habe das falsch verstanden. – Ced

ein onclick Attribut graph_rect hinzufügen. Wenn auf graph_rect geklickt wird, können Sie eine Funktion aufrufen, um zwischen visibility umzuschalten.

Sie können auch die Drag & Drop-Funktion von HTML5 verwenden, um zu bestimmen, wann das Element gezogen wird, und die Größe und Position des Elements entsprechend anzupassen.

https://www.w3schools.com/css/css_display_visibility.asp https://www.w3schools.com/html/html5_draganddrop.asp

Quelle

2017-06-13 23:20:03 victor

Wie kann ich ein ziehbares und in der Größe veränderbares Rechteck beim Klick anzeigen lassen und bei der Veröffentlichung verschwinden?

Antwort

Verwandte Themen