草庐IT

html - 在 HTML5 Canvas 中屏蔽形状?

全部标签

javascript - jQuery 更新 html 元素文本而不影响 HTML 子元素

我有一个小问题,我不知道如何解决。我有一个像这里一样的HTML层次结构TitleGoesHere我喜欢做的是修改“TitleGoesHere”。我尝试的是:$('#el_01title').text('NewTitleGoesHere');但这也删除了:有没有办法只更新“TitleGoesHere”而不影响span元素? 最佳答案 您可以通过访问DOM元素并获取其firstChild来直接编辑文本节点。$('#el_01.title')[0].firstChild.data='NewTitleGoesHere';如果有多个.titl

javascript - 通过 D3 绘制 HTML 表格不会更新现有数据

我正在使用D3绘制HTML表格,输入时一切正常。当我将新项目添加到我的数据集合时,它会将新项目正确添加到表中。问题是每当我更新集合中的现有对象(下面backgroundJobs集合中的对象)时。当我重新运行D3代码来同步表时,它不起作用。没有任何反应。代码如下:varvisibleColumns=['Name','Start','End','Status','Metadata','Errors'];vartable=d3.select('#jobs').append('table');varthead=table.append('thead');vartbody=table.appen

javascript - 需要 Canvas 模糊工具

我有类似fabric.js的绘图应用程序(http://fabricjs.com/freedrawing/)我想嵌入像Photoshop这样的模糊工具(http://www.demowolf.com/tutorials/demo.php?id=1503&series=85&format=html)这是我的模糊功能,但当我尝试更改颜色时它无法正常工作,它出了问题你可以看到下面的屏幕截图......functionboxBlurCanvasRGBA(id,top_x,top_y,width,height,radius,iterations){if(isNaN(radius)||radius

javascript - 如何使用 HTML5 音频 API 播放从 XMLHTTPRequest 返回的音频

在向我的服务器端api发出“AJAX”请求时,我无法播放音频。我有后端Node.js代码,它使用IBM的WatsonText-to-Speech服务来提供文本音频:varrender=function(request,response){varoptions={text:request.params.text,voice:'VoiceEnUsMichael',accept:'audio/ogg;codecs=opus'};synthesizeAndRender(options,request,response);};varsynthesizeAndRender=function(opt

javascript - 正则表达式用 HTML 标签包装字符串

我有一个包含很多行的文本区域,如下所示:#1=stuff#2=morestuff...#123=evenmorestuff...我正在使用正则表达式来查找#num=模式(/^#[0-9]*=/),我想让它们成为像这样的anchor标记#123=但它并没有像我想象的那样工作。"#2=".replace(/^#[0-9]*=/,"$1")结果:$1我做错了什么? 最佳答案 您忘记了捕获组或使用$&引用第0组并且您只处理初始数字,因为您使用的是字符串anchor的开头(您需要将其删除以匹配所有它们中的一个,或者如果你想匹配行的开头,请使用

javascript - 如何防止默认右键单击包含图像的 Canvas

我有一个Canvas并在其中显示图像。我已将一个jquery事件附加到它,如下所示:$("#mycanvas").mousedown(function(e){//Dosomethinge.preventDefault();e.stopPropagation();});我希望此代码执行我的操作并阻止默认的浏览器行为。前者实现了,但是后者,即违约行为预防没有发生。该事件运行虽然。我想知道如何防止显示右键单击时可以在图像上看到的菜单: 最佳答案 您可以使用contextmenu:$("#mycanvas").contextmenu(fun

javascript - 使用 Html Webpack 插件时如何在 <head> 和 <body> 标签内添加某些脚本标签

我正在使用HtmlWebpackPlugin通过javascript生成HTML文件。现在我想在的不同部分添加自定义脚本和标签例子:我该怎么办,添加alert('inheadtag')里面标记为第一个child添加alert('inbodytag')里面标记为第一个child这是我的Webpack配置中的片段newHtmlWebpackPlugin({hash:true,chunks:["app"],filename:path.resolve(__dirname,"./public/pages/app.html"),title:"Titleofwebpage",template:pat

javascript - 是否有类似于 HTML Tidy for Javascript 的 Windows 实用程序?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我想清理一些javascript文件并用漂亮的缩进等重新格式化它们,是否有实用程序在Windows下执行此操作的建议?

javascript - javascript 和 HTML 是不可能分开的吗?

具体来说,我说的是避免这种类型的代码:在这里,我想将onfocus和onkeypress事件句柄分开放置,即放在.js文件中。像这样:$(document).ready(function(){$(".title").focus(updateCharsLeft);$(".title").keypress(updateCharsLeft););但是这里的问题是文本框的ID需要传递给函数updateCharsLeft()。在该函数中必须从文本框的ID中提取ID会很糟糕,所以实际上将事件处理程序放入HTML代码中会更清晰。想法? 最佳答案

javascript - 使用 Javascript 将嵌套的 JSON 转换为 HTML 嵌套列表

我对使用JSON(相对于XML)还很陌生,目前我纯粹使用Javascript来消化、解析和显示我返回的JSON数据。我正在使用JSON2.js库并取回一些表示相当简单的嵌套列表的有效JSON数据:{"node":{"class":"folder","title":"TestFramework","node":{"class":"folder","title":"Item1","node":{"class":"folder","title":"Item1.1","node":{"class":"file","title":"Item1.1.a"}},"node":{"class":"fo