HTML5 캔버스 또는 자바 스크립트로 작업하는 푸시렛

Question

푸시 렛에 경험이있는 사람이 있습니까?

나는 며칠 동안 작업 해왔다. 나는 정상적인 자바 스크립트에서 작동하도록 만들 수 있지만 HTML 캔버스를 추가하고 javascript를 사용하여 "푸시 (push)"된 데이터를 기반으로 무언가를 그리면 작동하지 않습니다. 내 간단한 예에서

: 나는 모든 일반 태그를 유지하는 경우

document.getElementById('sometag').innerHTML = event.get("x"); 
document.getElementById('sometag').innerHTML = event.get("x"); 
... 
document.getElementById('sometag').innerHTML = event.get("x"); 

는 아무 문제가 없지만, 내가 추가 할 때 :

document.getElementById('canvas').getContext('2d').fillRect(....); 

작동하지 않습니다. 이 오류는 XML 데이터를받을 수 없다고 말합니다.

어떤 도움이 필요합니까? 미리 감사드립니다.

Answer 1

아마도 서버에서 푸시 된 HTML 스크립트를 평가해야 할 것입니다. 다음과 같은 내용 :

function extractScripts(html) { 
// based on PrototypeJs 
    var ScriptFragment = "<script[^>]*>([\\S\\s]*?)<\/script>"; 
    var matchAll = new RegExp(ScriptFragment, "img"); 
    var matchOne = new RegExp(ScriptFragment, "im"); 
    return (html.match(matchAll) || []).map(function(scriptTag) { 
     return (scriptTag.match(matchOne) || ['', ''])[1]; 
    }); 
} 
function evalScripts(html) { 
    return extractScripts(html).map(function(script) { return eval(script) }); 
}