草庐IT

node-canvas

全部标签

javascript - 如何在 Node.JS 中限制(或排队)对外部进程的调用?

场景我有一个Node.JS服务(使用ExpressJS编写)接受通过DnD(example)上传的图像。上传图片后,我会对其执行一些操作:从中提取EXIF数据调整大小这些调用正在通过node-imagemagick处理模块,我的代码看起来像这样:app.post('/upload',function(req,res){.......im.readMetadata('./upload/image.jpg',function(err,meta){//handleEXIFdata.});im.resize(...,function(err,stdout,stderr){//handleres

javascript - 覆盖 Node.js HTTP 解析器

我在正常的HTTP服务器上使用Node的基本http.request()函数没有问题。我需要对SHOUTcast服务器使用http.request()(或类似的)。SHOUTcast“协议(protocol)”与HTTP完全兼容,除了一个细节……第一响应行。普通HTTP服务器响应:HTTP/1.1200OKSHOUTcast服务器响应:ICY200OK同样,协议(protocol)的其余部分是相同的。唯一的区别是HTTP/1.x与ICY。我想扩展、子类化或以某种方式修改Node的http.request()函数,以便我可以使其与SHOUTcast服务器一起工作。使用Node连接到SHO

javascript - 更好的 Canvas 运动模糊

已经askedbefore,但公认的解决方案对我不起作用(从字面上看,链接的演示中对我来说没有任何模糊之处),而且涉及两个Canvas元素有点困惑。我目前正在使用“穷人的”运动模糊技术,它基本上涉及将源图像一遍又一遍地传输到Canvas,并在每次迭代后在顶部放置一个与背景颜色相同的半透明矩形。这是一个演示:http://jsfiddle.net/YmABP/如您所见,它对图像的边缘效果很好,但图像的内部部分根本不会模糊,而且对于具有部分透明度的图像来说看起来很糟糕。是否有更好的运动模糊技术?理想情况下,我希望能够执行类似context.drawImage的操作并传入不透明度参数,但AF

javascript - HTML5 Canvas 中的一百个上下文与一个上下文?

我正在创建一个使用CanvasAPI的简单物理引擎。性能方面的最佳实践是什么?是为Canvas中的每个对象(例如每个球、盒子等)创建一个单独的上下文,还是只使用一个上下文?后者涉及为每个要重绘的对象定义上下文中的路径,以及设置颜色等。当对象数量接近一百时使用多个上下文是个坏主意吗?我之所以问,是因为我不想在一百个工作小时后得到惊喜,因为我采用了错误的方法。 最佳答案 多Canvas的性能提升来自了解您使用多Canvas的原因。除非有用,否则不要使用多个Canvas:Canvas是适度昂贵的元素。在移动设备上,Canvas仍然很慢——

javascript - Angular.js 和 Fabric.js : Fabric canvas changes behavior once code is moved to a Angular Directive

我有一个简单的AngularJS/FabricJs应用程序,目的是允许在上传之前移动/重新调整图像大小。基本上有四个步骤:1)Ipresentaformwithacanvas,andarectangleinsideofformtorepresentacliparea2)browseforalocalfile3)addittothecanvas4)andhaveabuttontocapturetheclipareainsideofthecanvas当我将代码从直接嵌入的形式移动到位于AngularDirective(指令)后面时,就会出现问题。一旦我将表单移动到指令中,就会弹出一个问题,

javascript - Canvas :矩形——对齐网格/对齐对象

我设法通过以下方式操作Fabric.js以向网格功能添加捕捉和缩放:vargrid=100;//SnaptoGridcanvas.on('object:moving',function(options){options.target.set({left:Math.round(options.target.left/grid)*grid,top:Math.round(options.target.top/grid)*grid});});canvas.on('object:scaling',function(options){options.target.set({left:Math.ro

javascript - Node.JS 的插件系统

我目前正在Node.JS中开发一个大型应用程序,在Express之上.我希望能做到即插即用,所以我开始编写自己的小插件系统,其文件结构如下所示:root/|plugins.json#configuresallplugins|plugins#containsallplugins||MyPlugin#containsMyPlugin|||MyPlugin.js#definesApplicationhooksforMyPlugin|||...MyPlugin/当然也包含了Routes,Controllers,Views,具体资源等app将调用MyPlugin实例的标准钩子(Hook)是:mo

javascript - 带有 AngularJS 的 ChartJS - Canvas 不会显示任何内容

我正在尝试使用angular-chartjs图书馆,但遇到了一些问题。页面上没有错误。但是Canvas是空的。有人有想法吗?我试过几次重新排序脚本。我只是想不通。:(这是html。这是应用初始化:varapp=angular.module('profitly',['ngRoute','chartjs']);这是这部分的Controller:app.controller('graph',function($scope){$scope.someData={labels:['Supply','May','Jun'],datasets:[{data:[1,7,15,19,31,40]},{da

javascript - 如何将 Plupload 与 Node.js 一起使用并显示上传百分比?

目前,我的代码有效。但是,上传文件时,不会将百分比发送回javascript代码。(我想我的服务器需要发回block百分比?)“UploadProgress”事件在完成时只打印“0”。$(function(){$("#button_holder").show();varuploader=newplupload.Uploader({runtimes:'html5,flash,silverlight,html4',browse_button:'pickfiles',container:'button_holder',multi_selection:true,url:'/upload',fl

javascript - Node.js 事件发射器 : How to bind a class context to the event listener and then remove this listener

有没有办法在事件监听器方法中访问类上下文并有可能删除监听器?示例1:import{EventEmitter}from"events";exportdefaultclassEventsExample1{privateemitter:EventEmitter;constructor(privatetext:string){this.emitter=newEventEmitter();this.emitter.addListener("test",this.handleTestEvent);this.emitter.emit("test");}publicdispose(){this.emi