0
JavascriptとHTML5を使用してこれをコード化するのに助けが必要です。お知らせ下さい!私は、コードをテストしている画像をキャンバスに無作為に表示
<HTML>
<HEAD>
<SCRIPT language="javascript">
function Add() {
if (document.getElementById('amount').value < 100){
document.getElementById('amount').value++;
newIMG = document.createElement("IMG");
newIMG.src = 'jef-frog.gif';
newIMG.width = 50;
newIMG.height = 50;
document.getElementById("imagedest").appendChild(newIMG);
}
}
function Remove() {
if(document.getElementById('amount').value > 0)
document.getElementById('amount').value--;
imagedest.removeChild(imagedest.lastChild);
}
function numeralsOnly(evt) {
evt = (evt) ? evt : event;
var charCode = (evt.charCode) ? evt.charCode : ((evt.keyCode) ? evt.keyCode :
((evt.which) ? evt.which : 0));
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
</SCRIPT>
</HEAD>
<BODY>
<H2>TESTING</H2>
PREY
<BR/>
<img src="jef-frog.gif" alt="frogsonice.com" width="100" height="100"/>
<BR/>
<FORM>
<INPUT type="button" value="+" onClick="Add()">
<input type="text" id="amount" value=0 maxlength="3" size="1" onkeypress="return numeralsOnly(event)">
<INPUT type="button" value="-" onClick="Remove()">
<div id='imagedest'>
</div>
</FORM>
</BODY>
</HTML>
、それは<div>
タグに表示されますが、私はそれは上記で作成したキャンバスに表示されるようにしたいです。私はどのようにキャンバスに物をキャプチャするか分からない。誰も助けることができますか?
'コード' 機能削除(){ 場合のdocument.getElementById( '量')value--(のdocument.getElementById( '量')値> 0)。 imagedest.removeChild(imagedest.lastChild);c5_context.drawImage(bgImage、destX、destY、600、300); //c5_context.drawImage(frog、x、y、58、100)。値 - ; } function numbersOnly(evt){ evt =(evt)? evt:イベント; var charCode =(evt.charCode)? evt.charCode :((evt.keyCode)?evt.keyCode: (evt.which)?evt.which:0)); if(charCode> 31 &&(charCode <48 || charCode> 57)){ falseを返します。 } がtrueを返します。 } 'code' –
私はあなたの問題を理解していないと思う:-( – Yves