草庐IT

text-to-html

全部标签

javascript - HTMl+SVG+JavaScript : change text at runtime?

我准备将一些基于Flash的应用程序迁移到HTML+JavaScript+SVG(单一目标渲染引擎是Webkit)。我对SVG完全陌生,我想知道我是否可以使用SVG作为模板图像来填充屏幕并从HTML页面中嵌入的JavaScript代码动态更改包含的文本。我想做的是:在Inkscape中绘制页面的基本结构(带有一些图形和文本占位符),然后仅在HTML页面中显示SVG并通过JavaScript填充文本占位符。我可以通过在背景中显示静态SVG图像并在其顶部放置一些绝对定位的DIV来显示文本来获得相同的结果,但是我'我想在Inkscape中设计文本标签的位置、大小和样式。这能做到吗?怎么办?我

javascript - 如何使用 HTML5 Canvas 而不是 Debug Draw 来绘制我的 Box2D 世界?

我非常了解HTML5Canvas,我了解使用循环等的基础知识和动画。我正在使用的演示:(单击以制作形状)http://henry.brown.name/experiments/box2d/example-canvas.html我不太熟悉的是Box2D。我正在使用Box2DWeb端口,听说它比Box2D-js更新,我不确定哪个最好。我知道如何初始化“世界”并且我可以在世界中放置对象。然后,我使用Step为世界设置动画-但是到目前为止,为了在屏幕上显示它,我只能使用debugdraw来让它工作,因为它基本上会为你做所有事情。我不想使用调试绘图,而是使用Canvas来绘制,例如一辆汽车,而不

javascript - 在 html5 本地存储中存储音频文件 - 使用 javascript 下载音频文件

我搜索了一下,发现html5不支持直接存音频。我会将音频转换为base64字符串,然后存储在本地存储中。我正在使用jplayer开发一个html5音频播放器应用程序。我在服务器上有音频,我需要将它们存储在本地存储中,所以我需要用javascript下载音频文件。有没有办法用javascript下载音频文件?任何帮助将不胜感激。 最佳答案 本地存储的大小往往有限(5mb左右?找不到引用资料)所以这不太可能很好地工作。您也许可以查看使用HTML5AppCache或FilesystemAPI.

javascript - 日语字符 :Convert lowerCase to upperCase using jquery

我尝试使用toUppercase()方法将日文字符转换为大写,但它返回相同的字符串而没有转换。有没有其他方法可以使用jquery或javascript来做到这一点。fieldValue="ショウコ";//japanesestring.functionconvertToUppercase(fieldValue){convertedValue=fieldValue.toUpperCase();returnconvertedValue;}如有任何帮助,我们将不胜感激! 最佳答案 有一个listofallthe"small"letters(

javascript - 如何摆脱 "Are you sure you want to leave this page"消息?

我怎样才能摆脱“你确定要离开这个页面”的消息?我尝试使用window.onBeforeunload=null,它适用于Chrome,但不适用于Firefox、InternetExplorer和Opera。提前致谢。 最佳答案 我不确定为什么您的脚本在Chrome中运行,所有浏览器都应该以相同的方式运行。是否有可能您删除事件监听器的代码块出于某种原因仅在Chrome中执行?无论如何,如果您设置了window.onbeforeunload=someFunction;,您可以使用window.onbeforeunload=null使其无效

javascript - 谷歌地图 API : pan to markers from a list.

你好:)请耐心等待,我不是编码员,但我正在尝试边做边学。这是我目前正在处理的页面;http://www.websu.it/devnw/dev/contact.html.我目前使用GoogleMapsAPI设置了一张map,使用了以下javascript:functioninitialize(){varmapOptions={zoom:5,center:newgoogle.maps.LatLng(48.160,-6.832),disableDefaultUI:true,mapTypeId:google.maps.MapTypeId.ROADMAP};map=newgoogle.maps.

javascript - $.递延 : How to detect when every promise has been executed

我有许多异步任务需要完成,所以我使用了promises。我需要检测每个promise何时执行(解决和拒绝)。在那之前我不能继续执行。我正在使用这样的东西:$.when(promise1,promise2,...).always();但是这段代码是错误的,因为when方法有惰性求值,一旦其中一个promise失败它就会返回。因此,always回调也会在其中一个promise失败时立即运行。我在考虑编写一个解决方法,但这个用例太常见了,也许有人已经这样做了,或者甚至有一种方法可以只使用jQuery来做到这一点(如果没有,最好添加一个Promise.whenNonLazy或将来的Promis

javascript - JS : How to add negative numbers in javascript

这个问题在这里已经有了答案:HowdoIaddanintegervaluewithjavascript(jquery)toavaluethat'sreturningastring?(11个答案)关闭8年前。假设我有变量ex1等于-20和变量ex2等于50。我尝试在javascript中将它添加为alert(ex1+ex2);但它会提醒-20+50。我真的很困惑。感谢您的帮助,尽管这可能是一个非常愚蠢的问题。

javascript - 在 React.js 中有条件地设置 html 属性

我在为React中的单选按钮组件设置默认选项时出奇地困难。这是我的RadioToggle组件:/**@jsxReact.DOM*/varRadioToggle=React.createClass({render:function(){varself=this;return({this.props.radioset.radios.map(function(radio,i){return({radio.label}{radio.checked?:})})});}});module.exports=RadioToggle;下面是我创建组件的方式:上面的代码可以工作,但我们不喜欢根据radio

javascript - 使用 typescript 使用模板创建 HTML

尝试typescript,我想实现以下目标:使用typescript从服务器获取问题文本和数字并将其显示在某处的DOM中。目前我有以下.ts文件:classQuestionResponse{constructor(publicquestionText,publicquestionNumber){}}functionquestioner(question:QuestionResponse){return'${QuestionText}';}vartestQuestion=newQuestionResponse("Questiontextnumber5",5);//thiswillbere