Articles of 节点canvas

使用Uint8ClampedArray的Node.jscanvas实现

对于任何帆布专业人员 – 我需要帮助。 我正在使用节点canvas ,我试图使用它的getImageData方法获取imageData 。 不幸的是它返回: interface ImageData { readonly attribute unsigned long width; readonly attribute unsigned long height; readonly attribute CanvasPixelArray data; } CanvasPixelArray被弃用为Uint8ClampedArray 。 我的问题是: 有没有办法让getImageData返回Uint8ClampedArray或将CanvasPixelArray转换为Uint8ClampedArray ? 如果情况并非如此,也许有人可以指向我的一些其他节点实现canvas? 任何帮助将不胜感激,提前谢谢!

如何提交HTML5canvas作为表单发布的一部分?

我正在寻找stream图像数据从一个canvas标签到一个node.js服务器。 我可以自己处理服务器端代码,但是如何从canvas提交数据呢? 我希望能够提供一个涉及多部分表单数据的build议,因为我想要传输数据,因为我期待50 MB左右的图像。 如果我试图一次性发布数据,它往往会崩溃客户端的浏览器。

通过VNC连接到Android模拟器

我们怎样才能连接到Android模拟器通过VNC与noVNC使用JavaScript的帮助? 我想在我的浏览器上渲染模拟器。怎么做,谢谢

Node.js白板应用程序的客户端或服务器端HTML5canvas渲染?

我在想一个小白板Web应用程序将是一个很好的方式来提高我的node.js和JavaScript技能。 我在网上看过几个,这对于这种堆栈来说似乎是理想的。 不过花点时间思考一下,我想知道在这种Web应用程序中,客户端和服务器的angular色。 在节点canvas上陷入困境,我变得更加困惑。 什么,具体来说,客户端和服务器应负责? 如果服务器能够渲染到canvas上,是否应接受并validation来自客户端的input,然后通过socket.io将其广播给所有其他连接的用户? 通过这种方式,服务器保持一种主要的 -canvas元素。 一旦有新用户连接,服务器只需将其客户端的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 提前致谢,