Person auf Bild makieren

Hi,

gibt es ein TuT oder ein hilfreichen Artikel wie man mit Javascript eine Person auf einem Bild makieren kann? Ich finde irgendwie nichts im Netz. Hab lange überlegt wie ich es machen kann aber mir fällt keine Lösung ein<.<

Quote:

Originally Posted by Cc_Cc_Cc Hi, gibt es ein TuT oder ein hilfreichen Artikel wie man mit Javascript eine Person auf einem Bild makieren kann? Ich finde irgendwie nichts im Netz. Hab lange überlegt wie ich es machen kann aber mir fällt keine Lösung ein<.<

Mehr Informationen wären gut.
Willst du das Personen automatisch erkannt und markiert werden ?
Willst du wie bei Paint die Personen mit einen Rechteck makieren können und dort dann z.B. einen Link hinterlegen können ?
Was genau willst du machne ?

Quote:

Originally Posted by False Mehr Informationen wären gut. Willst du das Personen automatisch erkannt und markiert werden ? Willst du wie bei Paint die Personen mit einen Rechteck makieren können und dort dann z.B. einen Link hinterlegen können ? Was genau willst du machne ?

Zu deiner ersten Anwort: Ich wusste gar nicht das so etwas möglich ist das er Personen selber erkennt :D

Aber zu deiner Frage, ich wollte die zweite Anwort in der Tat umsetzen.

[Only registered and activated users can see links. Click Here To Register...]hab ich dir mal einen Beispiel-Fiddle gebastelt.
Einfach auf das Bild klicken, dann werden Marker erstellt.

Edit:
"Zu deiner ersten Anwort: Ich wusste gar nicht das so etwas möglich ist das er Personen selber erkennt"
Doch ist möglich :-) Macht Facebook etc. auch. Gibt sogar eine Face-API-Library auf Basis von Tensorflow, ganz interessant. [Only registered and activated users can see links. Click Here To Register...]

Quote:

Originally Posted by lnqlorlouz [Only registered and activated users can see links. Click Here To Register...]hab ich dir mal einen Beispiel-Fiddle gebastelt. Einfach auf das Bild klicken, dann werden Marker erstellt. Edit: "Zu deiner ersten Anwort: Ich wusste gar nicht das so etwas möglich ist das er Personen selber erkennt" Doch ist möglich :-) Macht Facebook etc. auch. Gibt sogar eine Face-API-Library auf Basis von Tensorflow, ganz interessant. [Only registered and activated users can see links. Click Here To Register...]

Nice danke hab das Prinzip verstanden. Würde es in die DB speichern und die Tabelle würde wie folgt aussehen:
id | beitrag_id | user_mark_id | positionTop | PositionLeft

Meine letze Frage ist, wie gebe ich es aus? Ich weiß ja jetzt wie ich es in die DB speicher usw. aber nicht wie ich es dazu ausgebe das es sich im Bild speichert

Quote:

Originally Posted by Cc_Cc_Cc Nice danke hab das Prinzip verstanden. Würde es in die DB speichern und die Tabelle würde wie folgt aussehen: id | beitrag_id | user_mark_id | positionTop | PositionLeft Meine letze Frage ist, wie gebe ich es aus? Ich weiß ja jetzt wie ich es in die DB speicher usw. aber nicht wie ich es dazu ausgebe das es sich im Bild speichert

Die Antwort von lnqlorlouz ist zwar ein guter Ansatz, womit du erstmal weiter überlegen kannst wie man es hinbekommen könnte.
Allerdgins ist die Variante nicht so gut wenn die Seite nachher umgebaut wird (anderes Design/andere Position des Bildes.

Beispiel: [Only registered and activated users can see links. Click Here To Register...]
(Innerhalb der ersten 3 Sekunden auf das Bild klicken).

Der richtige Ansatz wäre die Position innerhalb vom Bild auszulesen nicht von der ganzen Seite.

Quote:

Ich weiß ja jetzt wie ich es in die DB speicher usw. aber nicht wie ich es dazu ausgebe das es sich im Bild speichert

Willst du es im Bild haben oder willst du es wie im Beispiel als eigenständiges Element haben ?

Quote:

Originally Posted by False Die Antwort von lnqlorlouz ist zwar ein guter Ansatz, womit du erstmal weiter überlegen kannst wie man es hinbekommen könnte. Allerdgins ist die Variante nicht so gut wenn die Seite nachher umgebaut wird (anderes Design/andere Position des Bildes. Beispiel: [Only registered and activated users can see links. Click Here To Register...] (Innerhalb der ersten 3 Sekunden auf das Bild klicken). Der richtige Ansatz wäre die Position innerhalb vom Bild auszulesen nicht von der ganzen Seite. Willst du es im Bild haben oder willst du es wie im Beispiel als eigenständiges Element haben ?

Naja dann machst es halt in den Container rein, dann geht es. Wobei Instragram statt Pixel-Angaben, Prozent-Angaben benutzt.
So macht es Instagram auch. [Only registered and activated users can see links. Click Here To Register...]

Quote:

Originally Posted by False Die Antwort von lnqlorlouz ist zwar ein guter Ansatz, womit du erstmal weiter überlegen kannst wie man es hinbekommen könnte. Allerdgins ist die Variante nicht so gut wenn die Seite nachher umgebaut wird (anderes Design/andere Position des Bildes. Beispiel: [Only registered and activated users can see links. Click Here To Register...] (Innerhalb der ersten 3 Sekunden auf das Bild klicken). Der richtige Ansatz wäre die Position innerhalb vom Bild auszulesen nicht von der ganzen Seite. Willst du es im Bild haben oder willst du es wie im Beispiel als eigenständiges Element haben ?

So wie z.b Instagram das hat :D.

@lnqlorlouz : Probiere es mal denke das ich es hinbekommen müsste da ich alles verstanden habe. Danke euch beiden für die Hilfe

Quote:

Originally Posted by lnqlorlouz Naja dann machst es halt in den Container rein, dann geht es. Wobei Instragram statt Pixel-Angaben, Prozent-Angaben benutzt. So macht es Instagram auch. [Only registered and activated users can see links. Click Here To Register...]

Genau das habe ich doch gesagt/gemeint :confused: