Forum PHP.pl

Witam, używam classy html2canvas aktualnie mój kod wygląda tak:

[HTML] pobierz, plaintext 
    <div id="target">Tutaj kod strony</div>
 
    <script type="text/javascript" src="dist/html2canvas.js"></script>
    <script type="text/javascript">
		//window.takeScreenShot = function() {
			var widthDiv = document.getElementById("target").offsetWidth;
			var heightDiv = document.getElementById("target").offsetHeight;
 
			html2canvas(document.getElementById("target"), {
				onrendered: function (canvas) {
					document.body.appendChild(canvas);
				},
				width: widthDiv,
				height: heightDiv,
				allowTaint: true,
				letterRendering: true
			});
		//}
    </script>
[HTML] pobierz, plaintext 

Chciałbym zrobić, tak by obrazek nie wyświetlał się na dole strony, a zapisywał na serwerze jako obrazek pod nazwą "screen.png". W jaki sposób mogę to zrobić?

Poczytaj o AJAX, przesyłaniu danych do pliku PHP, bo m.in. dzięki PHP przesłany string możesz zapisać jako plik na serwerze. Java Script działa po stronie przeglądarki, więc nie może nic zapisywać na serwerze.

Zrobiłem tak, ale generuje mi biały obraz..

[HTML] pobierz, plaintext 
    <script type="text/javascript">
		//window.takeScreenShot = function() {
			var widthDiv = document.getElementById("target").offsetWidth;
			var heightDiv = document.getElementById("target").offsetHeight;
 
			html2canvas(document.getElementById("target"), {
				onrendered: function (canvas) {
					//document.body.appendChild(canvas);
 
					           var img = canvas.toDataURL("image/png");
 
								var output = img.replace(/^data:image\/(png|jpg);base64,/, "");
 
								var Parameters = "image=" + output;
								$.ajax({
									type: "POST",
									url: "save.php",
									data: Parameters,
									success : function(data)
									{
										console.log(data);
									}
								}).done(function() {
								});
				},
				width: widthDiv,
				height: heightDiv,
				allowTaint: true,
				letterRendering: true
			});
		//}
    </script>
[HTML] pobierz, plaintext 

Plik save.php

[PHP] pobierz, plaintext 
<?php
    $image = $_POST['image'];
 
    $name = time();
 
    $decoded = base64_decode($image);
 
    file_put_contents('image.png', $decoded, LOCK_EX);
 
 
    echo $name;
?> 
[PHP] pobierz, plaintext 

Powie mi ktoś, gdzie jest błąd?

No ale coś masz w tym pliku, czy nic się nie wrzuca? Nadałeś chmody w ogóle?

Tworzy się plik graficzny ale ma białe tło nic poza tym.