草庐IT

node-canvas

全部标签

javascript - node.js 模块和函数中 "this"的含义

我有一个由require加载的JavaScript文件。//loadedbyrequire()vara=this;//"this"isanemptyobjectthis.anObject={name:"Anobject"};varaFunction=function(){varinnerThis=this;//"this"isnodeglobalobject};aFunction();(function(anyParameter){console.log(anyParameter.anObject);})(this//"this"issamehavinganObject.Not"glo

javascript - HTML5 Canvas TextBaseline Top 在 Firefox 和 chrome 中看起来不同

在canvas中,当将textBaseline属性设置为'top'时,它在chrome和firefox中的呈现方式不同。在chrome中,线条和文本之间存在间隙,而在firefox中没有间隙。请引用this在您的浏览器中查看,任何帮助将不胜感激。我还检查了similarissue报长回。firefox中是否有任何解决方法可以使其正常工作? 最佳答案 我同意OP的观点,这是一个问题,而且它是Firefox特有的。不过,似乎Firefox已经逐渐调整了垂直偏移。它曾经是大约4个像素,然后是3个。现在,它几乎察觉不到。所以,我同意上面@K

javascript - 将缓冲区图像数据管道化为 Node.js 中的 Uint8ClampedArray 格式

我正在尝试将图像数据传输到我已在浏览器中成功使用的函数中。浏览器中的代码如下:varmyImageData=context.getImageData(0,0,width,height);vargray=tracking.Image.grayscale(myImageData.data,width,height);这工作得很好,据我所知似乎正在生成一个ImageDatacanvas中图像中的对象..dataImageData的属性(property)对象似乎是Uint8ClampedArray上面写着[r1,g1,b1,a1,r2,g2,b2,a2.....]查看模式,每四个数字是255

javascript - 背景 Canvas 与常规 Canvas 的性能

不久前,webkit(以及Safari)开始支持元素的CSSCanvas背景(来源:http://www.webkit.org/blog/176/css-canvas-drawing/)。这可以大大简化游戏和多媒体的创建,因为您不需要将Canvas标签注入(inject)DIV(例如),而只需直接挂接到DIV的背景即可。也许是这样的:vartarget=document.getElementById("gameview");varwd=target.clientWidth;varhd=target.clientHeight;varcontext=document.getCSSCanva

javascript - 是否可以将 Proxy 与 native 浏览器对象(HTMLElement、Canvas2DRenderingContext 等)一起使用?

我试图完成的事情。我想共享一个Canvas(因为我正在做的事情很重)所以我想我会做一个有限的资源管理器。您会通过promise向它请求资源,在本例中为Canvas2DRenderingContext。它将上下文包装在一个可撤销的代理中。完成后,您需要调用release,这既会将Canvas返回给有限的资源管理器,这样它就可以将它交给其他人,并且它会撤销代理,这样用户就不会意外地再次使用该资源。除非我制作Canvas2DRenderingContext的代理失败。constctx=document.createElement('canvas').getContext('2d');cons

javascript - Angular JS : Uncaught DOMException: Failed to execute 'removeChild' on 'Node' on HTMLScriptElement. 回调

我正在使用AngularJSONHttp调用。同样,当我发出这样的帖子请求时:app.service('AjaxService',['$http','$q','$sce',function($http,$q,$sce){return{getSearchResultsJSONP:function(){varurl="http://stage-sp1004e4db.guided.lon5.atomz.com/?searchType=globalsearch&q=this&sp_staged=1&callback=JSON_CALLBACK";$sce.trustAsResourceUrl(

javascript - 如何使用 HTML Canvas 执行洪水填充?

有没有人在javascript中实现了洪水填充算法以与HTMLCanvas一起使用?我的要求很简单:从一个点开始用单一颜色填充,其中边界颜色是大于指定点颜色的某个增量的任何颜色。varr1,r2;//redvaluesvarg1,g2;//greenvaluesvarb1,b2;//bluevaluesvaractualColorDelta=Math.sqrt((r1-r2)*(r1-r2)+(g1-g2)*(g1-g2)+(b1-b2)*(b1-b2))functionfloodFill(canvas,x,y,fillColor,borderColorDelta){...}更新:我自

javascript - 为 Node 和浏览器环境构建包

我开发了一个NodeNPM包,它主要是一个特定JSON的包装器(使用Node的http、https和querystring模块)应用程序接口(interface)。它是在Coffeescript中构建的,并使Node.js服务器能够与此API进行通信。Api主要是REST。现在我希望这个库也可用于浏览器。这意味着对http模块的调用需要替换为XMLHttpRequest(异步)。在我看来,我会为适配器制作一个包装器。对于Node环境,此适配器会将所有调用传递给http模块,对于浏览器环境,传递给XMLHttpRequest对象。有没有一种制作构建系统的好方法,以便npm包包含两个版本,

javascript - 如何将 Canvas 作为图像保存到 Firebase 存储?

我正在尝试将Canvas作为图像保存到Firebase存储中。我已经阅读了很多关于将Canvas保存到服务器的文章和问题,并尝试用下面的代码来实现。functionserver(){canvas=document.getElementById("c");varstorageRef=firebase.storage().ref();varmountainsRef=storageRef.child('mountains.jpg');varimage=newImage();image.src=canvas.toDataURL("image/png");varuploadTask=storag

javascript - Canvas - Canvas 保存为图像后,橡皮擦在 Canvas 上绘制黑线

在Canvas上绘图非常好。甚至橡皮擦也能正常工作。问题是,当Canvas保存为图像时,它绘制的是黑线而不是橡皮擦。为了更好地理解,我添加了屏幕截图和代码。1。在删除绘图时-一个。源代码-erase(){this.ctx.globalCompositeOperation='destination-out';}handleMove(ev){//letctx=this.canvasElement.getContext('2d');letcurrentX=ev.touches[0].pageX-this.offsetX;letcurrentY=ev.touches[0].pageY-this