Javascript nodeJS将图像绘制到画布中(不工作)

Javascript nodeJS将图像绘制到画布中(不工作),javascript,node.js,angularjs,canvas,express,Javascript,Node.js,Angularjs,Canvas,Express,我试着在比赛中让诺德斯在后端,安格拉斯在前端,但我有一些问题。 我使用express在NodeJS中配置路由,在AngularJS中配置ngRoute。每个页面都有一个视图和一个控制器。 我有一个页面,它的视图中有一个画布,还有一个控制器来管理画布。这段代码是一个示例,不是我的最终代码: gameView.html: <canvas id="gameCanvas" width="500" height="500"></canvas> 问题是,在Google Chrome

我试着在比赛中让诺德斯在后端,安格拉斯在前端,但我有一些问题。 我使用express在NodeJS中配置路由,在AngularJS中配置ngRoute。每个页面都有一个视图和一个控制器。 我有一个页面,它的视图中有一个画布,还有一个控制器来管理画布。这段代码是一个示例,不是我的最终代码:

gameView.html:

<canvas id="gameCanvas" width="500" height="500"></canvas>
问题是,在Google Chrome中,只有我在Apache中尝试过的NodeJS,在X刷新后,drawImage无法工作

我已经禁用了Chrome的GPU加速功能,或者使用了document.createElementimg。 但什么都不管用

在NodeJS中,我定义了一个公共文件夹,如下所示:

app.use(express.static(__dirname + '/public'));
图像、html和js文件位于公用文件夹中。 所以,我不知道为什么它不起作用

如果你有任何想法,谢谢给我一个反馈

我为我的英语感到抱歉,我是法国人

编辑: 我已经在Cloud9网站上创建了一个工作区

要测试:

要查看代码:

就像你看到的,它很有效! 我甚至尝试在这个工作空间中重现路线系统

那么,你认为是我的服务器出了问题吗

或者你认为我的nodeJS配置有问题吗

我找到了一个解决方案:
我可以存储图像的base64编码并直接使用drawImage显示,而不是使用新图像创建图像。

您的画布id是gameCanvas,但您在getElementById中使用toto…抱歉,这是一个错误。在我的真实代码中没有类似的问题。X刷新后听起来像是一个经典的竞争条件。你确定你的代码执行被推迟到DOM准备好了吗?我添加了$FUNCION{}来在DOM准备好时启动代码,但它什么也没有改变。我将粘贴代码。
app.use(express.static(__dirname + '/public'));