[Script] Bildausschnitt erstellen und in Php abspeichern

Einklappen
X
Einklappen
 
  • Seite von 2
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige 1 2 template Weiter
  • #16
    okay so, ich hab nun Wurzels Script ausprobiert.. nich schlecht das Teil nur leider funktioniert das nicht.

    Also Mein Bild habe ich einem Div eingefügt:

    <div id=bounds style="BACKGROUND-image:url(skizze.jpg); border: 1px solid red; width:333px; height:500px; position: absolute; top:70px; left: 50px;">
    <DIV onmouseup="endLayerDrag()" onmousedown="startLayerDragCrop('myCrop')" id="myCrop" class="thecrop" style="cursor:move;LEFT: 0px;TOP: 0px;WIDTH: 0px;HEIGHT: 0px; visibility:hidden;"></DIV>
    <DIV onmouseup="endLayerDrag();" onmousedown="startLayerDragCrop('myWm')" id="myWm" class="thecrop" style="LEFT: 0px;TOP: 0px;WIDTH: 1px;HEIGHT: 1px; visibility:hidden;"><img src="spacer.gif" width="1" height="1" name="wmImage" border="0" alt=""></DIV>
    </div>
    nun habe ich die Funktion gesucht, die für das "Beschneiden" zuständig ist:

    function resizeCropTo()
    {
    maxX2=100;
    maxY2=100;
    document.getElementById('myCrop').style.left = '0px';
    document.getElementById('myCrop').style.top = '0px';
    cropX = Math.abs(document.forms['scaleF'].cropX.value);
    cropY = Math.abs(document.forms['scaleF'].cropY.value);

    if(cropX == '')
    cropX = document.forms['scaleF'].cropX.value = 0;
    else if(cropX > maxX2)
    cropX = document.forms['scaleF'].cropX.value = maxX2;

    if(cropY == '')
    cropY = document.forms['scaleF'].cropY.value = 0;
    else if(cropY > maxY2)
    cropY = document.forms['scaleF'].cropY.value = maxY2;

    document.getElementById('myCrop').style.width = cropX + 'px';
    document.getElementById('myCrop').style.height = cropY + 'px';
    }

    resizeCropTo();
    nun im Body:

    <body onmouseup="endLayerDrag();endResize();">
    Nur leider will das nicht funktionieren, Wurzel kannst du mir bitte helfen?

    merci bb Dennis

    Kommentar

    • #17
      das ganze ist ein bisschen tricky ... das mausklicken und auschnitt festlegen hab ich gekillt ...

      bei mir läuft das so:
      - breite / höhe festlegen
      - layer im bild verschieben
      - koordinaten auslesen
      - maus-events abfangen und werte übergeben => hidden-fields

      dazu gehört allerdings mehr, als die eine funktion


      alternative zum start:
      - postioniere einen layer mit dem bild
      - positioniere DARIN einen layer (grösse 1x1)
      - nimm ein formular mit inputs:
      -- x-coord
      -- y-coord
      -- breite
      -- höhe

      mit onchange() und getElementById() kannst du den inneren layer durch die eingaben steuern. die werte für dein php-skript hast du damit auch schon.
      wichtig ist dabei, dass alle zu verändernden werte (left|top|width|height) im style-attribut des inneren layers stehen, sonst hast du mit js keinen zugriff darauf.
      für dynamische layer geschichten gibts hier noch ne nette site: http://www.walterzorn.de/dragdrop/dragdrop.htm
      Kissolino.com

      Kommentar

      • #18
        [Script] gibt es das noch?

        Nu ist das ja schon eine Weile her, dass über das Thema hier diskutiert wurde...

        Gibt es aber noch jemanden, der das zum Laufen gebracht hat und mir dazu ein Script bzw. einen Link auf ein Script geben kann?

        Danke!

        Kommentar

        Vorherige 1 2 template Weiter
        Lädt...
        X