javascript를 처음 사용했습니다. 나는캔버스에서 이미지를 제거 할 수 없습니다 : javascript
내 코드 샘플은 ... 나는에 새로운 이미지를 그릴 및 이전을 제거입니다하려는 어떤 을 말하여 나의 JS 파일에 새로운 이미지를 만드는 오전 :
var image = new Image();
image.src = 'abc.png';
ctx.drawImage(image, x, y,30,30);
후 내가 사용하고
ctx.clearRect(x, y, 30, 30);
그러나 그려진 이미지를 지우지 않습니다 .. 어떻게해야합니까?
확인이 HTML5 canvas tutorial for clear and redraw new image
희망 사전에
덕분에이 당신을 위해 도움이 될 수 있습니다.
<!DOCTYPE HTML>
<html>
<head>
<style>
body {
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<canvas id="myCanvas" width="578" height="400"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var imageObj = new Image();
imageObj.onload = function() {
context.drawImage(imageObj, 69, 50);
};
imageObj.src = 'http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg';
</script>
</body>
</html>
Worksforme. 몇 가지 코드를 추가 할 수 있습니까 (예 : 'x'및 'y'가 발생하는 경우) 또는 데모를 만들 수 있습니까? – Bergi
나를 위해 그것은 또한 작동합니다. http://jsfiddle.net/QXLM4/ – Andreas