Tag: 节点canvas

jsdom + canvas上node.js：toDataURL（）错误: 使用canvas@1.2.3＆jsdom@3.1.2与节点v0.12.2，我试图使用canvastoDataURL()函数时出现错误。 canvasTest.js： $(function(){ var canvas = $('<canvas></canvas>').attr({'id':'canvasTest', 'width':'500', 'height':'500'}); var ctx=canvas[0].getContext("2d"); ctx.beginPath(); ctx.arc(100,75,50,0,2*Math.PI); ctx.stroke(); $('#canvasWrap').append(canvas); }); HTMLtesting： <!doctype html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="canvasTest.js"></script> <script type="text/javascript"> $(function(){ console.log($('body').html()); console.log($('#canvasTest').length); console.log($('#canvasTest')[0].toDataURL()); }) </script> </head> <body> <div id="canvasWrap"></div> </body> </html> jsdomtesting： var canvas = require('canvas'); var jsdom = require('jsdom'); jsdom.env({ html: '<html><body><div id="canvasWrap"></div></body></html>', scripts: ['127.0.0.1/jquery-2.1.4.min.js','127.0.0.1/canvasTest.js'], done:function […]

nodejs – 如何将文件中的图像数据添加到canvas: 下面的代码应该读取一个图像文件，然后在Canvas模块的帮助下将文件数据添加到canvas中。当我运行此代码时收到错误消息图像未定义。是我想从我简单导入的模块初始化的图像对象？ var http = require('http'), fs = require('fs'), Canvas = require('canvas'); http.createServer(function (req, res) { fs.readFile(__dirname + '/image.jpg', function(err, data) { if (err) throw err; img = new Image(); img.src = data; ctx.drawImage(img, 0, 0, img.width / 4, img.height / 4); res.write('<html><body>'); res.write('<img src="' + canvas.toDataURL() + '" />'); res.write('</body></html>'); res.end(); }); […]

用Node.JS构build的多人游戏JavaScript游戏 – 分离玩家: 我有一个问题，我找不到答案。我正在尝试用Node.JS和Socket.IO构build一个多人游戏。我已经build立了一个聊天室作为我的第一个实验，所以我已经广播工作等。现在我正处在我想要与Canvas合作的地步。我遇到的问题是让我的头多个和独立的球员。我知道每个玩家都会把他们的x，y线发送给服务器，服务器会把这些线发送出去，但是客户怎么知道要显示多less个玩家，我猜测他们必须存储在某个数组中。

在使用node-gyp构buildcanvas时，“指定的模块无法find”: 我想安装https://github.com/LearnBoost/node-canvas/模块。我按照这里的窗口安装说明 https://github.com/LearnBoost/node-canvas/wiki/Installation—Windows 。键入后： npm install canvas我得到了以下日志： Creating library F:\Stittch2\node_modules\canvas\build\Release\canvas.lib and object F:\Stittch2\node_modules\canvas\build\Release\canvas.exp Generating code Finished generating code canvas.vcxproj -> F:\Stittch2\node_modules\canvas\build\Release\\canvas.node canvas@1.1.3 node_modules\canvas └── nan@0.4.4 所以我认为它的编译成功，但是当我在node require('canvas')我得到以下错误： >node >require('canvas') Error: The specified module could not be found. F:\Stittch2\node_modules\canvas\build\Release\canvas.node at Module.load (module.js:356:32) at Function.Module._load (module.js:312:12) at Module.require (module.js:364:17) at require (module.js:380:17) at Object.<anonymous> (F:\Stittch2\node_modules\canvas\lib\bindings.js:2:18) 与32位节点/ […]

多人游戏HTML5，Node.js，Socket.IO: 我尝试用HTML5 Canvas，JavaScript（使用John Resig简单的inheritance库）和Node.js与Socket.IO创build简单的多人游戏。我的客户代码： var canvas = document.getElementById('game'); var context = canvas.getContext('2d'); var socket = new io.Socket('127.0.0.1', {port: 8080}); var player = null; var UP = 'UP', LEFT = 'LEFT', DOWN = 'DOWN', RIGHT = 'RIGHT'; socket.connect(); socket.on('connect', function() {socket.send(); console.log('Connected!'); player = new Player(50, 50); }); socket.on('message', function(msg) { if(msg == 'UP') { player.moveUP(); […]

Nodejs找不到模块'../build/Release/canvas': 我安装了cairo和node-canvas。我尝试了一切，但仍然找不到模块。 sudo apt-get install libcairo2-dev sudo npm install canvas sudo npm install canvas -g 如果我运行require('canvas') ，我得到这个错误： Error: Cannot find module '../build/Release/canvas' at Function._resolveFilename (module.js:332:11) at Function._load (module.js:279:25) at Module.require (module.js:354:17) at require (module.js:370:17) at Object.<anonymous> (/home/tomas/node_modules/canvas/lib/bindings.js:2:18) at Module._compile (module.js:441:26) at Object..js (module.js:459:10) at Module.load (module.js:348:32) at Function._load (module.js:308:12) at Module.require (module.js:354:17) 我使用Ubuntu的Linux 提前致谢，