[snc_]

#naukaprogramowania #php

Mirki potrzebuje pomocy. Co dodać do poniższego kodu aby zapisać zdekodowany obrazek z 2 razy większymi wymiarami?

php
define('UPLOADDIR', 'images/');
$img = $POST['imgBase64'];
$img = strreplace('data:image/png;base64,', '', $img);
$img = strreplace(' ', '+', $img);
$data = base64decode($img);
$today = date("Ymd");
$file = UPLOADDIR . uniqid('prefix'.$today.'') . '.png';
$success = fileputcontents($file, $data);
print $success ? $file : 'Unable to save the file.';
?

[ziemniakizpomidorem]

@snc_:
/* Gówno */

[sokytsinolop]

@snc_: what? po co to chcesz robić?

[snc_]

@sokytsinolop: Mam sobie diva, którego przerabiam na canvasa za pomocą html2canvas. Canvasa chce zapisać na serwerze jako obrazek z 2 razy większymi wymiarami niż oryginalny div. Da się tak zrobić?

[sokytsinolop]

@snc_: możesz jedynie rozciągnąć ten obrazek, ale wtedy musiałbyś wpisać jakieś dane pewnie do tego PNG
http://www.libpng.org/pub/png/spec/iso/index-object.html
taki problem znalazłem na stackoverlow moze pomoże
http://stackoverflow.com/a/8978632/4183352

[sokytsinolop]

@snc_: ogólnie to trochę bez sensu bo ten obrazek i tak będzie rozciągnięty / z ramką
więc to samo uzyskasz ustawiając jego rozmiar w htmlu przez atrybuty width i height

[snc_]

@sokytsinolop: Wyszukałem wiele takich problemów na necie, ale nie umiem zastosować w moim kodzie żadnego ze znalezionych rozwiązań. Problem jest tego typu, że np. div może mieć wymiary 400 x 400px, zapisany obrazek z tego diva na serwerze ma dokładnie takie same wymiary, a chciałbym mieć 800x800px, żeby przy share'owaniu tego obrazka na facebooka, facebook wyświetlił duży obrazek a nie mały kwadracik jak widać na tym obrazku -> http://www.nextscripts.com/wp-content/uploads/2013/10/NewFBShareStyle.png. Wiem, że

[sokytsinolop]

@snc_: to może zrób większego tego diva i go skaluj CSSem?
chociaż nie wiem jak miałoby to wyglądać

[sokytsinolop]

@snc_: albo wrzucaj ten twój obrazek (base64 string) do innego canvasa o właściwym rozmiarze i tam go jakoś powiększaj i później zapisz sobie wynik tego drugiego canvasa

[snc_]

@sokytsinolop: Skalować go nie mogę bo to jest responsywny div. Na desktopie i tablecie wszystko jest ok, bo div jest duży i wygenerowany z niego obrazek jest odpowiednio duży aby facebook wyświetlił duży obrazek zamiast małego kwadracika. Problem jest gdy div wyświetlany jest na mobile i ma szerokość <400px i wtedy podczas share'a facebook wyświetla mały kwadracik.

[sokytsinolop]

@snc_: no ale wtedy to co tam użytkownik naskrobie też ma <400px więc nie powiększysz tego w żaden sposób jak już to zrzucić do PNG. Możesz zapisać to jako obraz wektorowy, wtedy nie będzie problemu z powiększaniem