document.write에 캔버스 문제가 발생했습니다.

이 코드에는 문제가 있습니다 (로컬 PC에서 작업 중입니다).document.write에 캔버스 문제가 발생했습니다.

당신의 도움에 감사드립니다.

내 코드는 다음과 같습니다 :

<html> 
    <head> 
     <title>My Test</title> 
     <script src="../jquery/js/jquery-1.9.0.min.js"></script> 
    </head> 
    <body> 
     <script> 
      var _canvas = document.createElement('canvas'); 
      _canvas.width="100"; 
      _canvas.height="100"; 
      var _context = _canvas.getContext("2d"); 
      var _img = new Image(); 
      _img.src = "image/myImgTest.png"; 
      var _url; 

      _img.onload = function() { 
      DrawScreen(); // just some process: drawing image 
      _url = _canvas.toDataURL(); 
      alert("test"); **// this alert is printed on FF not on Chrome ???** 
      // window.location = url; **// With this command on FF, I show my Image** 
      document.write("<img src='"+url+"' >"); **// on FF, I show my image but when I would like to see the source code on my current page, there is nothing just blank ?? And on Chrome, I never show my image.** 

      **// In fact, I am expected to generate something like this: <img src="data:image/png;base64,iVBORw0KGgo....."> at this place ** 

      }; 
      function DrawScreen() { 
       // my process 
      } 

     </script> 

    </body> 
</html>

* // 사실,이 같은 생성 할 것으로 예상하고있다 : 당신이 "로컬 PC에서 작업하는 것처럼이 곳 *

출처

2013-02-27 user2056649

난 강력 사용에 대해 권합니다에도 불구하고'당신은'DrawScreen()를 보여주지 않았다 ... 요즘 document.write''당신은 아마도'_canvas'받는 사람은'_img'을 복사 한 – devnull69

내 기능입니다 이렇게 : function drawScreen() { \t _context.drawImage (_img, 202010010000100100); }; – user2056649

내 함수는 다음과 같습니다. function drawScreen() {_context.drawImage (_img, 202010010000100100); }; 어떤 생각? – user2056649

에서을 "... 로컬 PC에 웹 서버가 있습니까? 아니면 하드 드라이브에서 직접 HTML 파일을 열면됩니까?

당신은 그렇지 않으면 .onload 트리거 결코 극복 가능성이있을 때문에 .onload 이벤트 핸들러 이후에 .src의 할당을 이동 할 수 있습니다.

var _img = new Image(); 
var _url; 

_img.onload = function() { 
    ... 
}; 
_img.src = "image/myImgTest.png";

출처

2013-02-28 07:44:57 devnull69

안녕하세요, 하드 디스크에서 웹 서버가 없기 때문에 테스트가 진행됩니다. html 페이지가 있습니다. 웹 서버를 사용해 보겠습니다 ... 작동하는지 확인해보십시오. 또한 onload 이벤트 후 _img.src를 이동하려고 시도했습니다. FF에서는 동일한 결과이고 Chrome에는 아무 것도 없습니다. 네가 어떤 생각을 가지고 있다면 고마워. – user2056649

document.write에 캔버스 문제가 발생했습니다.

답변

관련 문제