• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

iframe mit Maske

bergjet

Neues Mitglied
Hallo,
gibt es eine Möglichkeit, ein Bild, dass mit iframe eingebunden ist mit einer Maske zu maskieren. Also, es soll nur ein Teil des Bildes zu sehen sein. Beispiel: Von 2 Personen am Bild, soll einer überdeckt werden.
Da es ein gekauftes Thema ist, kann ich hier kaum eingreifen.

LG Martin
 
Werbung:
Gibt dem iframe eine feste Breite, so dass nur der gewünschte Ausschnitt zu sehen ist.
 
Das Bild wird dabei aber immer von oben links angezeigt. Also das, was im Bild oben links ist, wird immer angezeigt. Ich möchte aber einen Teil links, rechts und unten ausblenden.
 
Werbung:
Dann solltest Du das BIld entsprechend bearbeiten und wie es sich gehört per img-Element statt iframe einbinden.
 
Werbung:
Ich kann das nicht bearbeiten, es ist ein Live Bild. Hier zu Veranschaulichung als Beispiel. Bild 1 kommt so aus der Kamera. Und angezeigt soll Bild 2 zwei werden.
 

Anhänge

  • bild1.jpg
    bild1.jpg
    92,3 KB · Aufrufe: 7
  • bild2.jpg
    bild2.jpg
    58,7 KB · Aufrufe: 7
Du kannst das Live Bild zwar nicht direkt bearbeiten, aber ausblenden, ein .png davon zeichnen lassen und das dann einblenden.

Oder du machst es wie in deinem bild2 und schiebst einen HTML-Container per CSS über über den iFrame. Den kann allerdings jeder dersich etwas mit der Materie auskennt in seinem Browser entfernen.
 
Oder du machst es wie in deinem bild2 und schiebst einen HTML-Container per CSS über über den iFrame. Den kann allerdings jeder dersich etwas mit der Materie auskennt in seinem Browser entfernen.

Diese Methode dürfte die richtige sein. Aber wie würde da die Lösung in etwa aussehen?
 
Werbung:
Wir können dir hier Hilfestellung beim Lernen anbieten. Wenn du eine übernahmefähige Lösung haben möchtest, musst du dich dagegen an die Jobbörse wenden.
 
Sollte jemand so etwas brauchen, es könnte so aussehen.
<div id="Layer1" style="position:absolute; width:200px; height:100px; z-index:1; background-color:
#009999; border: 1px solid #000000; left: 150px; top: 120px"></div>
 
Zurück
Oben