草庐IT

canvas2d

全部标签

javascript - 适合与 D3js 结合的库,以允许绘制到 webgl (2D)

这是我正在尝试做的:http://mbostock.github.com/d3/talk/20111116/iris-splom.html但我想在webgl2d中执行此操作(因为SVG性能非常慢,渲染10kSVG仅已降至12fps)通过快速搜索,我发现了几个webgl-2d库:cocos2d-html5,pixijs,Three.js和webgl-2d(废弃?)它们看起来很简单,但我想做的是数据可视化。cocos和pixijs是2d游戏库。我是webgl和那些库的新手,所以SO方面的专家你们能推荐一下吗?我需要的东西的总结:互动:地block内的矩形选择。单击以选择某些元素。缩放和平移

javascript - 使用 Uint8ClampedArray 的 Node.js Canvas 实现

致所有Canvas专家——我需要帮助。我正在使用node-canvas我正在尝试使用它的getImageData方法获取imageData。不幸的是它返回:interfaceImageData{readonlyattributeunsignedlongwidth;readonlyattributeunsignedlongheight;readonlyattributeCanvasPixelArraydata;}CanvasPixelArray已弃用,取而代之的是Uint8ClampedArray。我的问题是:有没有办法让getImageData返回Uint8ClampedArray或将

javascript - 手机间隙 : Canvas is not refreshing properly

我正在Phonegap中开发一个安卓应用程序。在Canvas上我通过触摸制作了一个移动图像。我在不同版本的设备上进行了测试当我运行4.1、4.2或4.3时图像在移动时复制。所有其他版本都很好我尝试应用Canvas背景颜色和不透明度,但仍然复制有什么解决办法吗提前致谢 最佳答案 我检查应用程序4.0、4.1、4.2、4.3和4.4只有果冻bean有这个问题varcanvas=document.getElementById('canvas');canvas.style.opacity=0.99;setTimeout(function()

javascript - 多个 Canvas 层的碰撞检测

我正在努力弄清楚如何检测在不同Canvas层上绘制的Assets的碰撞。我制作了两个数组,其中包含我想要“碰撞”的东西,称为collidable_objects_layer1和collidable_objects_layer2。这些数组基本上绘制了Angular色不应该穿过的table和后面的墙。bar.js基本上包含您在下面的链接中看到的整个栏“场景”。main.js是让我的玩家移动的循环。我认为我的体系结构一团糟,因为我没有看到将这两者联系在一起的简单方法,所以对此有任何建议(这里需要模块还是它们只是在伤害我?)。现在的样子我不确定如何通过不同的碰撞测试添加更多“场景”。我假设碰撞

javascript - 更改大小后 Canvas 状态丢失

我想调整Canvas大小,但当我这样做时,上下文被重置,丢失当前的fillStyle、转换矩阵等。ctx.save()并且ctx.restore()函数没有像我最初预期的那样工作:functionresizeCanvas(newWidth,newHeight){ctx.save();canvas.width=newWidth;//Resetscontext,includingthesavestatecanvas.height=newHeight;ctx.restore();//contextsavestackisempty,thisdoesnothing}研究了一段时间,我似乎找不到一

javascript - 我应该使用哪些 HTML5 Canvas 工具来构建纸牌游戏?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。我想使用HTML5Canvas和JavaScript创建纸牌游戏,我想知道哪些Canvas工具可以让我的生活更轻松。我找到了CreateJS并做了一些笔记:用于简化与HTML5/CSS/JS的复杂交互的库/工具套件EaselJS-HTML5Canvas之上的抽象层SoundJS-HTML5音频抽象层TweenJS-用于动画HTML5和CSS属性的库(很酷的

javascript - Html2canvas for each div export to pdf separately

我有Page,它有6个具有相同类名“exportpdf”的div,我正在使用jspdf和html2canvas将这些div转换为pdfvarelementTobePrinted=angular.element(attrs.selector),iframeBody=elementTobePrinted.contents().find('div.exportpdf');在html2canvas中......html2canvas(elementTobePrinted,{onrendered:function(canvas){vardoc=newjsPDF();for(vari=1;i我将页

javascript - 使用 canvg 将 C3.js SVG 可视化到 Canvas - 折线图填充黑色矩形, "ERROR: Element ' parsererror' 尚未实现”

我正在尝试使用Canvg将SVG转换为Canvas。这是jsfiddle.我收到一条错误消息,“错误:元素‘parsererror’尚未实现”。我可以理解canvg库无法解析SVG元素。但是,这个问题有解决办法吗?我需要从svg元素创建一个Canvas元素。SaveCanvas:varchart={};chart=c3.generate({bindto:'#chart',data:{xs:{'data1':'x1','data2':'x2',},columns:[['x1','2013-01-0103:11:37','2013-01-0203:11:37','2013-02-0303:

javascript - 在 React 组件中渲染 Phaser.io Canvas

importReact,{Component}from'react';importPhaserfrom'phaser';exportdefaultclassAppextendsComponent{constructor(props){super(props);this.game=null;this.create=()=>{this.game.stage.backgroundColor='#124184';}}componentDidMount(){this.game=newPhaser.Game(800,600,Phaser.CANVAS,'phaser-target',{create

javascript - 如何将 Canvas 转换为图像以上传到 flask ?

好吧,我正在尝试将调整大小的Canvas图像作为文件上传到Flask。首先,我尝试使用canvas.toDataURL()将其转换为base64(?)字符串,然后尝试使用带AJAX的formdata将其作为图像上传,运气不好。然后我尝试使用此函数将base64转换为blob:functiontoblob(stuff){varg,type,bi,ab,ua,b,i;g=stuff.split(',');if(g[0].split('png')[1])type='png';elseif(g[0].split('jpeg')[1])type='jpeg';elsereturnfalse;bi