javascript - 使用 HTML5 Canvas 或 Javascript 的 Pushlet

Question

有人有使用 Pushlet 的经验吗？

我已经为此工作好几天了。我可以让它在常规 javascript 上工作，但是当我添加 HTML Canvas 并使用 javascript 根据“推送”数据绘制某些内容时，它不起作用。

在我的简单示例中:

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) });
}