[JavaScript][AJAX][PHP]Zmiana DPI - zmiana źródła Opcje

[rafik73]

Witam
Za pomocą biblioteki dom-to-image tworzę obrazek z DIV'a:

[JAVASCRIPT] pobierz, plaintext 
var pdf = $('#pdf_area > .ol-viewport')[0];
domtoimage.toJpeg(pdf,
 { 
 quality : 1
 }
 )
  .then(function (dataUrl) {
	$.ajax({           
    url      : "dec.php",
    data     : {
              ajax_dataUrl : dataUrl
			   }
    ,
     context: this,
      success : function(callback) { 
	          } , //success
 
               });     //ajax
[JAVASCRIPT] pobierz, plaintext 

Stosując typeof wyszło mi, że dataUrl to string. Wysyłam go do pliku dec.php który wygląda tak:

[PHP] pobierz, plaintext 
$ajax_dataUrl = isset($_POST['ajax_dataUrl']) ? $_POST['ajax_dataUrl'] : '';
 
$src = '1.jpg';
$img = imagecreatefromjpeg($src);
$new_x = 828;
$new_y = 536;
//$new_x = 424;
//$new_y = 268;
$img_new = imagecreatetruecolor($new_x, $new_y);
 
imagecopyresampled($img_new, $img, '0', '0', '0', '0', $new_x, $new_y, imagesx($img), imagesy($img));
imagejpeg($img_new, $src, 100);
imagedestroy($img);
 
// Change DPI
$dpi_x = 144;
$dpi_y = 144;
 
// Read the file
$size    = filesize($src);
$img_new = file_get_contents($src);
 
// Update DPI information in the JPG header
$img_new[13] = chr(1);
$img_new[14] = chr(floor($dpi_x / 255));
$img_new[15] = chr(      $dpi_x % 255);
$img_new[16] = chr(floor($dpi_y / 255));
$img_new[17] = chr(      $dpi_y % 255);
 
// Write the new JPG
$f = fopen('thumb_'.$src, 'w');
fwrite($f, $img_new, $size);
fclose($f);
[PHP] pobierz, plaintext 

Skrypt ten ma za zadanie zmianę DPI pliku 1.jpg a chciałbym, żeby to robił w odniesieniu do
obrazka który wysyłam zmienną $ajax_dataUrl. Nie za bardzo wiem jak zmienić powyższy skrypt PHP.

[rafik73]

Nie za bardzo mogę sobie z tym poradzić.
Ten kod:

[APACHE] pobierz, plaintext 
<IfModule mod_setenvif.c>
  <IfModule mod_headers.c>
    <FilesMatch "\.(bmp|cur|gif|ico|jpe?g|png|svgz?|webp)$">
      SetEnvIf Origin ":" IS_CORS
      Header set Access-Control-Allow-Origin "*" env=IS_CORS
    </FilesMatch>
  </IfModule>
</IfModule>
[APACHE] pobierz, plaintext 

próbowałem dodawać do .httpaccess albo do httpd.conf ale bez efektu. Zdjęcie pobieram z canvas z użyciem Openlayers.
Przy tym typie mapy jaki używam w specyfikacji
https://openlayers.org/en/latest/apidoc/mod...ce_XYZ-XYZ.html
zalecają ustawienie parametru crossOrigin, ustawiam go zgodnie z kodem ze strony
https://developer.mozilla.org/en-US/docs/We...S_enabled_image
na wartość anonymous i dalej CORS blokuje wyświetlenie mapy w canvas.
To fragment kodu JS który konfiguruje wyświetlaną mapę:

[JAVASCRIPT] pobierz, plaintext 
var pdf_map_source_loaded_source = new ol.source.XYZ({url :'https://1.base.maps.cit.api.here.com/maptile/2.1/maptile/newest/normal.day/{z}/{x}/{y}/256/png?app_id=[moje APP_ID}&app_code={mój APP_CODE}'
		,
		crossOrigin:'anonymous'
		});
[JAVASCRIPT] pobierz, plaintext 

Okazało się,że to problem z kodem Api, który poprawiłem. Nic na to nie wskazywało. Dopiero pod konsolą w przeglądarce Edge wyrzuciło HTTP 401.
Chrome i Firefox nawet się nie zająknął co do tego błędu bardziej skupiając się na problemie z CORS.