Tag: html5
作为背景图像时，修改SVG填充颜色
将SVG输出直接与页面代码内联，我可以简单地用CSS修改填充颜色，如下所示： polygon.mystar { fill: blue; } circle.mycircle { fill: green; } 这很好，但是我正在寻找一种方法来修改SVG的“填充”属性，当它被用作一个BACKGROUND-IMAGE。 html { background-image: url(../img/bg.svg); } 我怎样才能改变颜色？ 这甚至有可能吗？ 作为参考，这里是我的外部SVG文件的内容： <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="320px" height="100px" viewBox="0 0 320 100" enable-background="new 0 0 320 100" xml:space="preserve"> <polygon class="mystar" fill="#3CB54A" points="134.973,14.204 143.295,31.066 161.903,33.77 148.438,46.896 151.617,65.43 134.973,56.679 118.329,65.43 121.507,46.896 108.042,33.77 126.65,31.066 "/> <circle class="mycircle" […]
没有链接的JavaScript blob文件名
如何强制通过window.location下载它在JavaScript中设置blob文件的名称？ function newFile(data) { var json = JSON.stringify(data); var blob = new Blob([json], {type: "octet/stream"}); var url = window.URL.createObjectURL(blob); window.location.assign(url); } 运行上面的代码立即下载一个文件，没有页面刷新，看起来像bfefe410-8d9c-4883-86c5-d76c50a24a1d。 我想将文件名设置为my-download.json。
如何将图像保存到localStorage并将其显示在下一页上？
所以基本上，我需要做的标题状态; 上传一个图像，保存到localStorage，然后显示在下一页。 目前，我有我的HTMLfile upload： <input type='file' id="uploadBannerImage" onchange="readURL(this);" /> 其中使用此function在页面上显示图像 function readURL(input) { document.getElementById("bannerImg").style.display = "block"; if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { document.getElementById('bannerImg').src = e.target.result; } reader.readAsDataURL(input.files[0]); } } 图像即时显示在页面上供用户查看。 然后要求他们填写表格的其余部分。 这部分工作完美。 一旦表格完成，他们然后按下“保存”button。 一旦按下此button，我将所有表单input保存为localStoragestring。 我需要一种方法来将图像保存为localStorage项目。 保存button也将引导他们到一个新的页面。 这个新的页面将把用户数据显示在表格中，图像位于最上面。 所以简单而简单，我需要在按下“保存”button后将图像保存在localStorage ，然后从localStorage的下一页上借出图像。 我发现了一些解决scheme，如这个小提琴： http : //jsfiddle.net/8V9w6/ 而这个： https ： […]
调整HTML5canvas以适应窗口
如何自动缩放HTML5 <canvas>元素以适应页面？ 例如，我可以通过将height和width属性设置为100％来缩放<div> ，但是<canvas>不会缩放，是不是？
改变html5video标签的来源
我试图build立一个video播放器，无处不在。 到目前为止，我会与： <video> <source src="video.mp4"></source> <source src="video.ogv"></source> <object data="flowplayer.swf" type="application/x-shockwave-flash"> <param name="movie" value="flowplayer.swf" /> <param name="flashvars" value='config={"clip":"video.mp4"}' /> </object> </video> （如在几个网站上看到的，例如所有人的video ），那么好。 但现在我也想要一些播放列表/菜单以及video播放器，从中我可以select其他video。 那些应该立即在我的玩家内部打开。 所以我将不得不“dynamic地改变video的来源”（如在dev.opera.com/articles/everything-you-need-to-know-html5-video-audio/上看到的那样） – 让我们看看另一部电影“）与JavaScript。 让我们暂时忘记FlashPlayer（也就是IE）的一部分，稍后我会试着去处理。 所以我的JS改变<source>标签应该是这样的： <script> function loadAnotherVideo() { var video = document.getElementsByTagName('video')[0]; var sources = video.getElementsByTagName('source'); sources[0].src = 'video2.mp4'; sources[1].src = 'video2.ogv'; video.load(); } </script> 问题是，这并不适用于所有的浏览器。 即firefox = O有一个很好的页面，在那里你可以观察到我遇到的问题： http […]
我应该把标签标签内的input标签吗？
我只是想知道是否有关于标签和input标签的最佳做法： 经典之道： <label for="myinput">My Text</label> <input type="text" id="myinput" /> 要么 <label for="myinput">My Text <input type="text" id="myinput" /> </label>
一个<canvas>元素的最大尺寸
我正在使用高度为600到1000像素，宽度为几十或几十万像素的canvas元素。 但是，在一定数量的像素（显然未知）之后，canvas不再显示用JS绘制的形状。 有谁知道是否有限制？ 谢谢。 编辑 ：在Chrome 12和Firefox 4中都进行了testing。
如何添加一个简单的onClick事件处理程序到canvas元素？
我是一位经验丰富的Java程序员，但是大约十年来我首次查看了一些JavaScript / HTML5的东西。 我完全沉迷于最简单的事情。 作为一个例子，我只是想画一些东西，并添加一个事件处理程序。 我确信我在做一些愚蠢的事情，但我已经搜遍了，没有什么build议（例如，这个问题的答案： 添加onclick属性inputJavaScript ）的作品。 我正在使用Firefox 10.0.1。 我的代码如下。 你会看到几个注释行，每个行的结尾是什么（或什么不）发生的描述。 这里有什么正确的语法？ 我要疯了！ <html> <body> <canvas id="myCanvas" width="300" height="150"/> <script language="JavaScript"> var elem = document.getElementById('myCanvas'); // elem.onClick = alert("hello world"); – displays alert without clicking // elem.onClick = alert('hello world'); – displays alert without clicking // elem.onClick = "alert('hello world!')"; – does nothing, even […]
我真的需要将“＆”编码为“＆amp;”吗？
我在我的网站的<title>使用HTML5和UTF-8的“ & ”符号。 Google在其SERP上显示了＆符号，正如其标题中的所有浏览器一样。 http://validator.w3.org给我这个： ＆没有开始一个字符引用。 （＆可能应该已经逃过了）。 我真的需要做& ？ 我并不是为了validation而对我的页面进行validation，但我很好奇听到人们对此的意见，如果这很重要，为什么。
我应该使用<i>标签来代替<span>图标吗？
我查看了Facebook的来源，他们使用<i>标签来显示图标。 另外，今天我看了Twitter的Bootstrap。 它还使用<i>标签来显示图标。 但， 从HTML5规范 ： I元素代表以交替的声音或情绪表示的文本的范围，或以其他方式偏离正常散文，例如分类指定，技术术语，来自另一种语言的惯用语，思想，船名或其他散文的典型印刷forms是斜体。 为什么他们使用<i>标签显示图标？ 这不是一个坏习惯吗？ 还是我在这里错过了什么？ 我使用span来显示图标，它似乎正在为我工作到现在。 更新： Bootstrap 3现在使用span图标。 官方文件
