1

PHPを使用してユーザーが描いたキャンバスから画像を保存する必要があるプロジェクトがあります。問題は、デフォルトを白または透明にしたいのに、保存されたファイルの背景が常に黒くなることです。

キャンバスに白い塗りつぶしを描画しようとしましたが、キャンバスで操作が行われると、sketch.js がこれを消去します。

JS

function saveImage(){
    var xmlhttp;
    xmlhttp=((window.XMLHttpRequest)?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP"));
    xmlhttp.onreadystatechange=function()
    {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            //do something with the response
        }
    }
    xmlhttp.open("POST","upload.php",true);
    var oldCanvas = document.getElementById('colors_sketch').toDataURL("image/png");
    var img = new Image();
    img.src = oldCanvas;
    xmlhttp.setRequestHeader("Content-type", "application/upload")
    xmlhttp.send(oldCanvas);
}

PHP

$im = imagecreatefrompng($GLOBALS["HTTP_RAW_POST_DATA"]);

imagepng($im, 'filename.png');

提案どおりにこれに変更しましたが、保存できないようです

$filePath = '($GLOBALS["HTTP_RAW_POST_DATA"])';  
$savePath = 'filename.png';  //full path to saved png, including filename and extension
$colorRgb = array('red' => 255, 'green' => 0, 'blue' => 0);  //background color

$img = @imagecreatefrompng($filePath);
$width  = imagesx($img);
$height = imagesy($img);


$backgroundImg = @imagecreatetruecolor($width, $height);
$color = imagecolorallocate($backgroundImg, $colorRgb['red'], $colorRgb['green'],                 $colorRgb['blue']);
imagefill($backgroundImg, 0, 0, $color);


imagecopy($backgroundImg, $img, 0, 0, 0, 0, $width, $height);


imagepng($backgroundImg, $savePath, 0);
4

1 に答える 1

2

Canvas ではなくPHPで背景を追加する必要があります。

この解決策を見てください。主なキーは、背景付きの画像を作成することです。

$backgroundImg = @imagecreatetruecolor($width, $height);
$color = imagecolorallocate($backgroundImg, $colorRgb['red'], $colorRgb['green'], $colorRgb['blue']);
imagefill($backgroundImg, 0, 0, $color);

そしてその上にあなたのイメージをコピーしてください：

imagecopy($backgroundImg, $img, 0, 0, 0, 0, $width, $height);
于 2013-04-22T11:47:45.567 に答える