Új hozzászólás Aktív témák

• sztanozs veterán

  #6278

  #6277 bucihost

  2016-09-13 14:59:14

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  sztanozs

  veterán

  #6277 bucihost

  #6277 bucihost

  Elképzelhető... sőt...

  Ez a php-ban a megjelenítő rész.
  <div class="wrap">
<img id="uploadPreview" style="display:none; width: 100%; height: auto;"/>


<form action="profilkepfel.php" method="post" enctype="multipart/form-data">
<input id="uploadImage" type="file" accept="image/jpeg" name="image" />
<input type="submit" value="Feltölt / Mentés">


<input type="hidden" id="x" name="x" />
<input type="hidden" id="y" name="y" />
<input type="hidden" id="w" name="w" />
<input type="hidden" id="h" name="h" />
</form>

</div>

  Ez pedig a JS:
  // set info for cropping image using hidden fields
function setInfo(i, e) {
$('#x').val(e.x1);
$('#y').val(e.y1);
$('#w').val(e.width);
$('#h').val(e.height);
}

$(document).ready(function() {
var p = $("#uploadPreview");

// prepare instant preview
$("#uploadImage").change(function(){
// fadeOut or hide preview
p.fadeOut();

// prepare HTML5 FileReader
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);

oFReader.onload = function (oFREvent) {
p.attr('src', oFREvent.target.result).fadeIn();
};
});

// implement imgAreaSelect plug in (http://odyniec.net/projects/imgareaselect/)
$('img#uploadPreview').imgAreaSelect({
// set crop ratio (optional)
aspectRatio: '1:1',
onSelectEnd: setInfo
});
});

  a darabolást ugye az x, y, w, h -ból veszi, de az miért nem változik ha más a megjelenített kép mérete?

  Mert csak a browser méretezi át a képet, a kép teljes pixel szélességben átadásra kerül.
  Ki kell számítani az összenyomási faktort és azzal meg kell szorozni mindent.
  Pl. egy 1024x768-as kép 800 szélesre összenyomva ez: 1024/800 = 1.24
  Image valós méret meghatározása: [link]
  Ja és csak akkor kell átszámolni, ha a valós méret nagyobb mint a célterület, különben alapból nem méretez át.

Új hozzászólás Aktív témák