2011-04-06 5 views
0

Iphone 용 웹 응용 프로그램에서 작업 중입니다. canvas drawImage() 함수를 사용하여 선, 아크, 원 및 일부 이미지를 그릴 수있는 캔버스를 사용하는 웹 페이지가 있습니다. 페이지로드 및 윈도우 크롬, 윈도우 사파리, OSX 크롬 및 OSX 사파리하지만 아이폰 사파리에서 잘 실행됩니다.Iphone 웹 앱에서 캔버스 drawImage() 함수 사용

drawImage() 함수에서 멈춘 것처럼 보입니다. 아이폰이 canvas drawImage 함수를 지원하는지 여부에 대한 정보를 검색했지만 아무 것도 찾을 수 없습니다. 나는 무엇을 놓쳤는가?

+0

iPhone에서 'typeof canvas.drawImage'가 반환하는 것은 무엇입니까? –

+0

[this] (http://stackoverflow.com/questions/2878580/bug-in-ipads-html5-canvas-drawimage-implementation) 게시물을 보았습니까? –

+0

@ 매트 :의 drawImage 예 내가 그 일을 있다고 생각하는 기능 – pop850

답변

4

그리기 호출을 할 때 이미지가 아직로드되지 않은 것일 수 있습니다. 걱정마.이 일이 나에게도 일어났다. 당신이해야 할 일은 다음과 같습니다 :

var image = new Image("http://mydomain/myimage.jpg"); 
image.onload = function() { 
    context.drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh); 
} 
+0

입니다 ... – Euclid

+0

ES 내가 그 일을 것 같아 ... \t \t // 프리로드 이미지 첫번째 \t IMG = 새 이미지(); \t img.src = "rotate.png"; \t \t 온로드 = 함수() { \t \t 캔버스 = document.getElementById를 ('캔버스'); \t W = canvas.width; \t H = canvas.height; \t draw(); ... 코드 더보기. \t} – Euclid

+0

이미지가로드 될 때 변수 "onload"를 지정하는 것처럼 보입니다. "img.onload = ..."로 바꾸십시오. – pop850

관련 문제