草庐IT

text-to-html

全部标签

javascript - 将字节转换为图像以在 HTML5 Canvas 上绘制

有人知道我如何将通过websocket(从C#应用程序)发送的字节转换为图像吗?然后我想在Canvas上绘制图像。我可以看到两种方法:以某种方式在Canvas上以字节形式绘制图像而不进行转换它。然后在javascript中以某种方式将字节转换为base64字符串画画。这是我接收绘图字节的函数:functiondraw(imgData){varimg=newImage();img.onload=function(){cxt.drawImage(img,0,0,canvas.width,canvas.height);};//WhatIwasusingbefore...img.src="da

javascript - 使用 jquery 计算动态创建的 html 元素

我正在计算当前文档中有值(value)的输入数量。它工作正常,除非我动态添加了更多输入。我无法获得那里的值(value)。例如我可能有...点击按钮后动态创建我将在for循环中获取每个值for(vari=1;i现在,当我运行for循环来检查这些输入中每一个的值时,它只会获取不是动态创建的输入的值。我已经查看了此处的其他问题,但仍然看不出如何将.on()之类的东西应用到我想要完成的事情上。新的跟进​​问题好的,现在我认为这是我需要更多关于如何使用.on的说明。我这里有一个jsfiddle:JsFiddleexample我在创建新元素的地方和所有文本框的模糊处,我想计算有多少元素具有值(v

javascript - 恩伯斯 : How to filter by more than one property at once

下面我确定是按单个属性进行过滤,但是如何一次性按另一个属性进行过滤?也就是说,不向用户提供包含不同搜索选项的下拉菜单示例:我的搜索词可能是姓名、电子邮件或年龄。varsearch=this.controllerFor('employees').search;//canbename,emailorageemployees=this.get('currentModel').filterProperty('name',search);上面的方法可以很好地更新主列表,但我一次只能按一个属性进行过滤。//SampleModelApp.Employee=DS.Model.extend({email

javascript - HTML5 Canvas : Moving/panning world with arrow keys in EaselJS

经过一年的学习和反复试验,我觉得我开始对JavaScript有了更多的了解。所以,现在,我想尝试编写一个简单的2D平台游戏(想想《super马里奥世界》或《刺猬索尼克》)。为此,我将使用EaselJS库。我想弄清楚如何使用左右箭头键在Canvas中移动/平移“世界”。我知道如何在箭头键的keydown上运行函数,但我不太确定应该如何处理移动/平移。当按下一个键时,我是否应该调整Canvas中每一个东西的位置/坐标?或者我是否应该将所有东西都放在一个容器中并移动容器的位置/坐标?我会感激任何能将我推向正确方向的东西。泰夫姆:)更新了答案Thechosenanswerbelow确认我确实必

javascript - 如何制作 TextGeometry 多行?如何将它放在一个正方形内,使其像 html 文本在 div 内一样环绕?

我正在使用WebGL、three.js和THREE.TextGeometry制作一些3D文本。到目前为止一切正常。我能够创建单行3D文本。现在我想创建多行文本,比如一个短段落。最好,我希望它在到达放置它的框/矩形的边界时自然换行。我想要标准HTML文本在div内部时具有的类似行为,换行当它到达它的父div的边缘时到多行。这是我创建单行的方式:textGeo=newTHREE.TextGeometry('Hellothere.AmIaparagraph?Ihopeso.','size':30'height':2'font':'helvetiker''weight':'normal''st

javascript - Chrome : not "remembering" the choice to allow access to microphone

我有一个super简单的网页,它使用WebSpeechAPI这样我就可以更轻松地与我妈妈(她是聋子)交流。Google的语音识别速度足够快,我可以与她实时交谈(她会读取虚拟现实结果)。我的网站:http://goo.gl/Wm69Mp我们都在使用Chromev30.0.1599.66。我遇到的问题是,每次我点击麦克风图标时,Chrome都会询问我是否允许访问。我每次都点击“允许”。如果我查看我网站的Chrome媒体设置,我发现音频行为设置为“询问”,但我似乎无法将其更改为“允许”。有人知道这里发生了什么吗?更新看起来我可能必须启用https才能记住我的选择。如果可能的话,我仍然希望有人

javascript - 如何使用具有工作 ng-click 功能的 angularjs 添加 html 按钮

我正在开发一款使用angularjs制作的游戏。我有一个问题,我还没有能够解决。我想使用一个弹出对话框(无警报),其内容取决于上下文。此弹出窗口包含一个按钮,单击该按钮即可开始游戏。由于内容是动态的,所以ng-click功能不起作用。我已经尝试使用指令并直接从Controller发出,但没有让它工作。我的具体问题是如何将HTML按钮添加到包含实际触发的ng-click函数的angularjs中?编辑:这是一次尝试(实际上是让按钮显示,但ng-click什么都不做):Controller:{if($scope.quiz.state==='finished'||$scope.quiz.st

javascript - 运行 Node.js 服务器时无法获取/test.html

我开始阅读ProAngularJS。在设置开发环境的部分中,我创建了一个angularjs目录并将一个test.html文件放入其中。在该文件夹之外,我为Node.js安装了“connect”和“serve-static”。我还创建了一个server.js文件。内容如下:varconnect=require('connect');varapp=connect().use(connect.static('/angularjs'));app.listen(5000);当访问以下URLhttp://localhost:5000/test.html时,我看到的只是文本“CannotGET/te

javascript - meteor -shopify : expected String to be a Hash

我正在使用froatsnook:shopify尝试修改自定义集合的元字段。服务器JS/***ModifyShopifyCustomCollectionMetafields*@requestPUT/admin/custom_collections/#{id}.json**@param{Number}collection_id*@param{Object}collection_data*@param{Function}callback*/modifyShopifyCustomCollectionMetafields:function(collection_id,collection_dat

javascript - Chart JS 在工具提示中显示 HTML

我一直在研究ChartJS的文档,试图找出当您将鼠标悬停在特定点上时如何修改折线图工具提示的内容。基本上,只要悬停一个点,我就想在所有相同的垂直轴上显示值。我试过这样的事情:tooltips:{callbacks:{label:function(tooltipItem,data){console.log(data);varhtml="";for(vardatasetindata.datasets){html+=""+data.datasets[dataset].label+":"+data.datasets[dataset].data[tooltipItem.index]+"%";}r