image - skala/współczynnik Opcje

[hettmix]

W mojej aplikacji ładuję do ramki plik jpeg o wymiarach 560x450 px, na którym następnie dzięki bibliotece Jcrop i camanjs wykonuję pewne operacje m.in. wycinam interesujący mnie fragment oraz zakrywam dany fragment obrazu białym prostokątem korzystając z właściwości holdera zapisanych w css:

[CSS] pobierz, plaintext 
.hide_part .jcrop-holder div div .jcrop-tracker{ background: rgba(255, 255, 255, 1); }
[CSS] pobierz, plaintext 

Mając tak przygotowany obraz zapisuję go wykorzystując canvas i następnie ładuję do pliku pdf stosując bibliotekę tcppdf. Do pliku pdf pobieram obraz zmieniając jego wysokość:

[HTML] pobierz, plaintext 
$img_foto = '<img height="310px" src="/modules/mod_raport_bif/tmp/camanjs_modifyimg.jpeg" title="" alt="" />';
[HTML] pobierz, plaintext 

W związku z tym, że canvas nie daje możliwości zapisania obrazu wraz z zakrytym fragmentem, w pliku pdf na obrazie dorysowuję prostokąt:

[PHP] pobierz, plaintext 
$pdf->Rect($x_post, $y_post, $w_post, $h_post, 'DF', null, array(255, 255, 255));
[PHP] pobierz, plaintext 

o współrzędnych i rozmiarze podanym przez jcrop:

[HTML] pobierz, plaintext 
function showCoordsˆ { // show all coords
    $('#x').val(c.x);
    $('#y').val(c.y);
    $('#x2').val(c.x2);
    $('#y2').val(c.y2);
    $('#w').val(c.w);
    $('#h').val(c.h);
}
[HTML] pobierz, plaintext 

Problem jest taki, że prostokąt dorysowany w pliku pdf ma inny rozmiar i współrzędne w stosunku do pobranego obrazu, niż ten nanoszony bezpośrednio w ramce. Spowodowane jest to zmianą położenia i rozmiaru pobranego obrazu.
Nie mogę sobie jak na razie poradzić z ustawieniem właściwej skali/współczynnika tak by zakrywający prostokąt w wynikowym pdf'ie znajdował się w tym samym miejscu i miał odpowiednie proporcje, tak jak prostokąt nanoszony na obraz obrabiany w ramce.

Rozwiązałem problem, w następujący sposób:

[PHP] pobierz, plaintext 
if (file_exists('/volume1/web/Joomla_1.5/modules/mod_raport_bif/tmp/camanjs_modifyimg.jpeg')) {
 
		$img_foto = '<img height="310px" src="/modules/mod_raport_bif/tmp/camanjs_modifyimg.jpeg" title="" alt="" />';
 
		$size_img = getimagesize('/volume1/web/Joomla_1.5/modules/mod_raport_bif/tmp/camanjs_modifyimg.jpeg');
		$originalWidth = $size_img[0];
		$originalHeight = $size_img[1];
 
		$ratio_width = (386 / $originalWidth);
		$ratio_height = (310 / $originalHeight);
 
}
 
$x_post = 20 + ($x_post * $ratio_width) / 2.830;
$y_post = 170 + ($y_post * $ratio_height) / 2.830;
 
$w_post = ($w_post * $ratio_width) / 2.830;
$h_post = ($h_post * $ratio_height) / 2.830;
 
 
$pdf->Rect($x_post, $y_post, $w_post, $h_post, 'DF', null, array(255, 255, 255));
[PHP] pobierz, plaintext 

Współczynnik 2.830 dobrałem metodą prób i błędów. Ciekaw jestem, czy można by to zrobić w jakiś inny sposób.

Ten post edytował hettmix 6.11.2013, 15:26:12