캔버스가 크롬에로드되지 않습니다

저는 캔버스를 html로 배우고 있으며 캔버스에서 이미지를 조작하고 싶습니다. 그러나 첫 번째 단계에서는로드 블록에 직면하고 있습니다. 캔버스에 이미지를 표시 할 수 없습니다. http://jsfiddle.net/XsP76/캔버스가 크롬에로드되지 않습니다

특히,이 내 자바 스크립트 함수입니다 -

내가 만든이 바이올린를보고하십시오.

$(document).ready(function() { 
    var c = document.getElementById("myCanvas"); 
    var ctx = c.getContext("2d"); 
    var img = document.getElementById("carice"); 
    ctx.drawImage(img, 10, 10); 
});

이미지는 파이어 폭스이지만 파이어 폭스에서는 표시되지만 크롬에서는 표시되지 않습니다. 무엇이 잘못 될 것입니다. 도와 주셔서 감사합니다!

출처

2013-05-31 shashydhar

난 * 생각 * 내가 크롬에서 이미지를 참조 ... –

을 그것은 표시하는 것 이리. Chrome 버전 27.0.1453.94m 그것은 당연히 캔버스의 크기로 잘려나가 원래 크기로 표시되지만 표시됩니다. 무슨 말을해야할지 모르겠다. – Bikonja

그 정보에 대해 감사드립니다. 내 크롬 버전은 22.x입니다. 관리자 권한이 없기 때문에 최신 버전의 크롬을 설치할 수 없습니다. – shashydhar

Chrome/Canary에서 잘 작동합니다.

당신은 당신의 피들에 <body> 태그를 삽입했습니다. jsfiddle과 같이 이중 본문 태그가 만들어줍니다. 해당 프레임의 소스에 가면

당신은 볼 수 있습니다 :

... 
</head> 
<body> 
    <body> 
....

이 업데이트보십시오 :
http://jsfiddle.net/AbdiasSoftware/XsP76/2/

출처

2013-05-31 23:52:22 K3N

캔버스가 크롬에로드되지 않습니다

답변

관련 문제