So wählen Sie einen polygonalen Bereich eines Bildes mit JavaScript / jQuery?
Ich würde gerne in der Lage sein zu lassen, meine Benutzer wählen Sie einen bestimmten Polygon (6-8 Knoten mit geschwungenen Linien zwischen den Punkten) Bereich in einem Bild, das Sie hochladen - wie mache ich das mit HTML5 & JS? Die einzige Bibliothek, die ich gefunden können rein rechteckige Auswahl: http://odyniec.net/projects/imgareaselect/
- Sie werden wahrscheinlich haben, um es selbst schreiben, zeichnen von Linien zwischen die Punkte, die der Benutzer klickt. Das ist nicht sehr schwierig, aber ein Dutzend Zeilen sehr spezifisch zu deinem problem. Es kann davon abhängen, was Sie tun möchten, mit Ihrem polygon.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Gibt es bereits eine Bibliothek, die nicht Teil von, was Sie brauchen: polyclip.js von Zoltan Dulac können Sie erstellen eine Benutzeroberfläche, die dem Benutzer ermöglicht, wählen Sie Punkte, dann füttern die Daten in die Bibliothek, und Sie sind fertig.
EDIT: Hier ist ein jsFiddle Demo. Wählen Sie durch klicken Punkte auf dem ursprünglichen Bild und drücken Sie auf die Taste "Erzeugen", erzeugen eine beschnittene version.
HTML:
JS:
Könnten Sie laden das Bild auf einem canvas-tag und dann kannst du all die Zeichnung, die Sie wie auf der Leinwand.