캔버스에서 이미지 만들기

Question

나는 웹을보고 있었고 특정 작업에 대한 대답이 없었습니다. 내가 원하는 것은 이미지와 텍스트 필드와 같은 내용의 캔버스입니다. 배너 메이커. 배경이있는 캔버스에서 이미지를 만들었지 만 저장된 파일에는 내용이없고 알파가있는 300x300 필드 만 있습니다. 나는 mRNA의 가치에 대해 조사해 왔으며 항상 동일한 값을 가지고있어 원시 및 불변의 데이터를 저장하고있다. 그게 어떻게 작동하는지 알고 싶습니다.

HTML :

<form class="" enctype="multipart/form-data" action="/gears/imageuploader.php" method="post"> 
<input type="image" id="mRNA" name="mRNA" title="Save Banner"/> 
<label>Image Name: </label> 
<input type="text" name="name" /> 
</form> 

CSS :

#canvas { 
    min-width: 100%; 
    background: red; 
} 

자바 스크립트 (내가 Mootools의를 사용하고 있습니다) :

는 여기에 내가 이런 짓을하는 방법에 내 코드입니다

document.addEvent('domready', function(){ 
    var canvas = $('canvas'); 
    var rna = $('mRNA'); 
    var save = $('save'); 
    var button = $('submit'); 

    var context = canvas.getContext('2d'); 
    rna.value = canvas.toDataURL("image/png"); 


    rna.addEvent('click', function(){ 
     context = canvas.getContext('2d'); 
     rna.value = canvas.toDataURL('image/png'); 
    }); 
}); 

PHP :

당신은 단지의 drawImage에 잊어

<?php 
    error_reporting(E_ALL); 
    ini_set('display_errors','On'); 

    $dir = "../uploadedimages/"; 

    $mRNA = $_POST['mRNA']; 
    $name = $_POST['name']; 
    $extention = ".png"; 
    $mRNA = str_replace('data:image/png;base64,', '', $mRNA); 
    $mRNA = str_replace(' ', '+', $mRNA); 
    $DNA = base64_decode($mRNA); 
    $organism = $dir.$name.$extention; 

    if(file_put_contents($organism, $DNA)){ 
     include('../gears/redirect.php'); 
     redirect(); 
    } 
?> 

Answer 1

.

var context = canvas.getContext('2d'); 
context.drawImage(yourImage, 0, 0, imageWidth, imageHeight);