Tag: 节点canvas
在EC2上安装node-canvas – fontconfig.h生成错误
我正在尝试通过AWS EC2实例上的npm install来构buildnode-canvas 。 我试图使用最新的（2016年2月）版本的canvas， 1.3.10 我遵循这里列出的指示： https ： //github.com/Automattic/node-canvas/wiki/Installation—Amazon-Linux-AMI-(EC2） 看起来像libpng，jpeg，pixman，freetype和cairo都安装的很好。 然后我做了： export PKG_CONFIG_PATH=/usr/local/lib/pkgconfig sudo yum install giflib-devel 修复一些构build错误，并再次尝试npm安装。 由于缺less文件错误，现在构build失败： make: Entering directory `/home/ec2-user/signal/app/node_modules/canvas/build' SOLINK_MODULE(target) Release/obj.target/canvas-postbuild.node COPY Release/canvas-postbuild.node CXX(target) Release/obj.target/canvas/src/Canvas.o CXX(target) Release/obj.target/canvas/src/CanvasGradient.o CXX(target) Release/obj.target/canvas/src/CanvasPattern.o CXX(target) Release/obj.target/canvas/src/CanvasRenderingContext2d.o CXX(target) Release/obj.target/canvas/src/color.o CXX(target) Release/obj.target/canvas/src/Image.o CXX(target) Release/obj.target/canvas/src/ImageData.o CXX(target) Release/obj.target/canvas/src/init.o CXX(target) Release/obj.target/canvas/src/FontFace.o ../src/FontFace.cc:9:35: fatal error: fontconfig/fontconfig.h: No such file or directory […]
node-o3-canvas与node-canvas？
有没有人有这些node.js库中的任何一个或两个的经验？ 好奇听到每个人的成功或困难。
nodejs使图像从较小的图像？
我有一些拼贴在一起的小图像制作一个全尺寸的图像。 瓷砖保存在服务器上。 我想在正确的位置将瓷砖拼接在一起，并在由所有瓷砖文件组成的磁盘上创build1个图像文件。 我怎么能在nodejs中做到这一点？ 谢谢
空的JPEG图像（不支持DNL）节点canvas
我正在尝试使用节点canvas裁剪背景图像，我遇到了一些奇怪的错误与下面的代码。 错误是“[错误：写入输出stream时出错]”。 如果我使用节点canvas回购作物示例代码，我得到这个错误“空的JPEG图像（DNL不支持）” /* */ var cnv = new Canvas(w,h), ctx = cnv.getContext('2d'), original = '/img/pages/'+page+'/background.jpg'; ctx.imageSmoothingEnabled = true; fs.readFile('public/'+original, function( err,image){ if (err) { res.status(404) .send('Not found'); } else { var img = new Image; img.src = image; ctx.drawImage(img, Math.abs( (w-img.width)/2),0, w,h, 0,0, w,h ); cnv.toBuffer(function(err, buf){ console.log(err); if( err){ res.status(500) .send('Error generating image […]
在Node-webkit中将canvas保存到磁盘
在我的应用程序，我有帆布，从磁盘加载一些图像。 现在修改canvas后，我需要一种方法将canvas保存到disk.all工作是在Node-Webkit平台上，所以这是一个桌面应用程序，我不能发送canvas.dataToUrl到服务器。 我也知道一些类似camanjs的图书馆有一些保存function var Caman = require('caman').Caman; Caman("/path/to/file.png", function () { this.brightness(5); this.render(function () { this.save("/path/to/output.png"); }); }); 但我怎么不知道如何使用它或通过我的canvas到这个函数。所以如何保存当前canvas到磁盘作为图像文件像png或jpg在node-webkit
在纯Javascript中创buildcanvas/位图（无html）
我正在用socket.io在Javascript中开发一个iPhone游戏的服务器。 服务器的目的是绘制一个屏幕上的位图与玩家的path，以检查该path是否已经绘制。 简而言之，所有的绘图只会显示在客户端屏幕上。 这里是我发现的创build一个canvas，然后find它的像素颜色的代码。 但是，我没有HTML代码，因为它只是使用Javascript。 那么这个代码将在一个只有Javascript的程序中工作吗？ 如果没有，我怎么能做这样的事情，但有相同的结果？ 编辑：我使用socket.io与node.js var canvas = document.createElement("canvas"); var context = canvas.getContext("2d"); // Make sure to set the size, otherwise its zero canvas.width = 100; canvas.height = 100; // Draw to the offscreen canvas context.fillStyle = "#0000ff"; context.fillRect(0,0,50,50); context.fillStyle = "#ff9900"; context.arc(50,50,25,50,0,Math.PI*2); context.fill(); // document.body.appendChild(canvas) // To preview the canvas var […]
试图使hmac-sha256与Powershell for Canvas API一起工作
我被任命为创build一个过程的任务，在这个过程中，PowerShell脚本需要调用Canvas服务器，以便从这个问题范围之外的其他用途中获取数据。 我做的第一件事就是研究Canvas API是如何工作的。 我最终发现这篇文章包含了我认为应该了解的所有API。 该API需要HMAC SHA 256哈希。 我已经决定逆向工程他的作者的代码，使散列，以便在PowerShell中相同的脚本。 这是我稍微编辑的代码（node.js） var crypto = require('crypto') var url = require('url') var HMAC_ALG = 'sha256' var apiAuth = module.exports = { buildMessage: function(secret, timestamp, uri) { var urlInfo = url.parse(uri, false); var query = urlInfo.query ? urlInfo.query.split('&').sort().join('&') : ''; var parts = [ 'GET', urlInfo.host, '', '', urlInfo.pathname, query, […]
为什么WebSocket.onmessage事件不会触发？
经过几个小时的忙碌之后，我根本找不到解决办法。 我正在使用“node.js”为我正在开发的基于canvas的在线游戏的WebSocket服务器上工作。 我的游戏可以很好地连接到服务器，它接受握手，甚至可以发送消息到服务器。 但是，当服务器响应客户端时，客户端不会收到消息。 没有错误，没有什么，只是平静地坐在那里。 我已经撕开了我的代码，试图解决这个问题的一切，但唉，没有。 这是我的服务器代码的一个剥离的副本。 正如我之前所说，握手工作正常，服务器接收数据正常，但发送数据回到客户端没有。 var sys = require('sys'), net = require('net'); var server = net.createServer(function (stream) { stream.setEncoding('utf8'); var shaken = 0; stream.addListener('connect', function () { sys.puts("New connection from: "+stream.remoteAddress); }); stream.addListener('data', function (data) { if (!shaken) { sys.puts("Handshaking…"); //Send handshake: stream.write( "HTTP/1.1 101 Web Socket Protocol Handshake\r\n"+ "Upgrade: WebSocket\r\n"+ "Connection: […]
使用canvas从图像中删除像素？
我可以通过使用canvas的颜色从图像中删除像素，使该区域透明？ 如果是这样… 我可以使用其他服务器上托pipe的图像吗？ 做这个服务器端会更好吗？ https://github.com/LearnBoost/node-canvas 谢谢！
HTMLcanvas：两个客户端在同一时间写入
我在使用nodejs作为客户端之间的服务器实现在线 HTML5 Canvas时遇到了麻烦。 一个单独的用户可以单独绘画而没有问题，但是当另一个客户端进来并且同时绘画时 ，会发生以下情况： Client1是第一个客户端鼠标的（X，Y）位置， Client2是第二个客户端的（X，Y）位置。 所以当第二个客户端绘制的时候， 我的程序在这两个点之间画了一条线 。 在这里，您可以浏览客户机JS代码，其中绘图函数负责绘制从nodejs服务器接收到的数据： App.draw = function(x, y, type, color, clear) { if(clear != true) { App.ctx.strokeStyle = color; if (type === "dragstart") { App.ctx.beginPath(); //alert("Me muevo a X: " + x + " e Y: " + y); return App.ctx.moveTo(x, y); } else if (type === "drag") […]
