草庐IT

ml5.js$HTML$工具

全部标签

javascript - 在 HTML5 Canvas 上创建立体 3D 图像

我正在使用HTML5canvas对象创建一个简单的3D引擎。它运作良好,但我想实现红/蓝立体图像处理,这样人们就可以使用红/蓝眼镜真正看到3D。目前,我对3D对象进行了两次渲染,第二次是从紧挨着第一个相机位置的相机位置渲染的。我面临的问题是如何将渲染的两个对象组合成具有正确颜色的浮雕。现在我使用globalAlpha=0.5并将第一个渲染为红色,第二个渲染为蓝色。然而,这并不完全有效,因为仅受红色对象影响的像素应该保持红色,但由于我的背景颜色是黑色,它们会变成黑色和红色之间的颜色。在查看创建3D浮雕的应用程序时,我注意到红色和蓝色像素一起计算如下:2550000255---------

javascript - 改变 firebugx.js 以适应 IE 开发者工具

firebugx.js文件(如下所示)同时检查!window.console和!console.firebug,它可以正确检测是否安装了firebug。但是,该检查不适应IE开发人员工具中的native控制台对象——它会覆盖IE控制台对象。例如,如果我包含firebugx.js代码,那么以下异常将不会出现在IE控制台中(它会被吞掉):functionfoo(){try{throw"exception!!!";}catch(e){console.error(e);}}问题:容纳IE开发人员调试器的最佳方法是什么?也许显而易见的答案是在IE中调试时简单地注释掉firebugx.js检查。还

javascript - 将键盘事件附加到 HTML 中的 SVG 元素

当在浏览器中运行HTML内的SVG时,无论如何要将textInput或keypress(或实际上任何其他文本输入)事件附加到SVG元素?我可以将事件处理程序附加到document.documentElement,但是当我通过任何机制将事件处理程序附加到任何类型的SVGElement时,没有任何反应......SVG,g,rect......我从SVG规范中看到这不受支持(W3SVGlistofevents),但是是否有任何浏览器支持任何“附加功能”?我无法在Chrome或Firefox上运行以下内容...Keyeventtestbody,html{margin:0;padding:0;

javascript - Backbone.js Jade 和循环模型

我对使用带有jade/underscore的backbone模板感到有点困惑。我有一个主干模型,里面有几个数组,我不确定如何渲染数组属性。我可以将它们移动到一个单独的主干集合和View中,但在这种情况下这似乎有点过分了。我关注了thisblogpostonusingbackbonewithjade并将以下内容添加到我的Backbone文件中_.templateSettings={interpolate:/\{\{(.+?)\}\}/g};它允许我在这个庄园中渲染模型属性://inmyJavaScriptthis.template=_.template($("#some-template

javascript - Handlebar.js 不刷新我的模板

好的。我的HTML如下所示。col1col2{{#results}}{{col_1}}{{col_2}}{{/results}}我通过Handlebar.js填充上面的内容,数据是从服务器接收的。这是代码。$.get(get_data_url,function(data){$('#json').empty().append(data);varrows=eval('('+data+')');varsource=$("#some-template").html();vartemplate=Handlebars.compile(source);$("#content-placeholder"

javascript - 根据我使用 javascript/JQuery 单击的位置更改 HTML

在html页面中,您可能有一些代码包含如下两段:ThefirstparagraphThesecondparagraph非常简单,这两个标签会像这样呈现:第一段第二段我感兴趣的是允许用户单击呈现的html代码中的某处,以便使用JQuery插入新元素。例如,如果我在第一段中找到的单词f*ir*st中单击字母i和字母r(只需单击,没有突出显示/选择),我将能够插入自定义span元素或我在HTML代码中那个位置完全喜欢的任何东西,结果如下:ThefirstparagraphThesecondparagraph有什么想法可以帮助我吗?我的要求不包括绝对定位。那不会解决我的问题。

javascript - node.js 白板应用程序的客户端或服务器端 HTML5 Canvas 渲染?

我在想一个小的白板网络应用程序会是提高我的node.js和JavaScript技能的好方法。我在网上看到了一些,这很有意义,因为它似乎非常适合这种堆栈。不过,花点时间想想,我想知道客户端和服务器在这种Web应用程序中的Angular色。跌跌撞撞node-canvas,我变得更加糊涂了。客户端和服务器具体应该负责什么?如果服务器能够渲染到Canvas,它是否应该接受并验证来自客户端的输入,然后通过socket.io将其广播给所有其他连接的用户??这样,服务器就保留了一个master-canvas元素。新用户连接后,服务器只需向客户端推出其Canvas-使其与已绘制的内容同步。任何关于实现

javascript - 可以将 HTML dom 元素拖放到 SVG dom 元素上吗?

我目前正在使用RaphaëlJS(愿意切换到jQuerySVG)和jQueryUI来尝试制作棋盘游戏的原型(prototype)。它与Risk有点相似,因为棋盘是一张map,您可以(希望很快)将棋子从map上的一个区域拖到另一个区域(比如从A到B)并将它们放在那里。一旦下降,它会触发回调来做一些工作。现在我一直在尝试获取拖放功能。我想拖动一个html元素(div)并将其放到SVG元素上。我对SVG不是很熟悉,但据我了解,要使HTML和SVGDOM一起工作,需要克服一些问题。我有两个版本,我正在尝试让jQueryUI拖/放到其中任何一个。一种是将jQuerySVG与svgdom插件+jQ

javascript - 如果在 Handlebars.js 中预编译自定义助手,如何注册自定义助手?

我正在尝试使用命令handlebarapp/views/templates/walrus.handlebar预编译Handlebars.js模板app/views/templates/walrus.handlebar但是它失败了,因为模板使用了我在单独的js文件public/javascripts/handlebar_helpers.js中定义的自定义助手。我如何调用Handlebars的命令行版本,以便它使用自定义帮助程序识别javascript文件? 最佳答案 handlebars-f-k它在此处的文档中:http://hand

javascript - JS 有没有办法检查事件是否存在?

我正在尝试检测浏览器是否支持某个webkit事件“webkitAnimationEnd”,为此我想检查该事件是否存在。但我似乎无法弄清楚如何。有人知道吗? 最佳答案 Detectingeventsupportwithoutbrowsersniffing表明这应该有效:'onWebkitAnimationEnd'indocument.createElement('div'); 关于javascript-JS有没有办法检查事件是否存在?,我们在StackOverflow上找到一个类似的问题: