Tag: html5

HTML5导航元素与angular色=“导航”: 以下所有内容都具有相同的语义？如果不是，请解释你的答案。 1。 <nav> <ul> <li><a href="#">link</li> <li><a href="#">link</li> <li><a href="#">link</li> <li><a href="#">link</li> </ul> </nav> 2。 <div role="navigation"> <ul> <li><a href="#">link</li> <li><a href="#">link</li> <li><a href="#">link</li> <li><a href="#">link</li> </ul> </div> 3。 <ul role="navigation"> <! — breaks HTML5 specification 3.2.7.4 Implicit ARIA Semantics navigation is not an allowed value of role on ul –> <li><a href="#">link</li> <li><a […]

我应该为混合语言页面使用什么<html lang =“”>属性值？: 我通常使用这个： <html lang="en"> 。但是，我正在使用两种语言的网站，有时将它们混合在同一个句子或标题中。上面的代码在这种情况下怎么看？我可以使用<html lang="lang1 lang2"> ？

MDN JavaScript文档离线使用: 我正在尝试使MDN的Javascript参考可供离线浏览（个人使用）。我不是网站的所有者或开发者，我只能访问其生成的输出。我的第一个想法是在页面中注入一个HTML5 appcache.manifest ; 使用manifestR我已经生成了页面资源的列表。然后，我试着使用file:///协议指向我的本地清单文件，使用http://协议，最后使用base64 string表示文件的内容（ data:text/cache-manifest, ）。似乎没有任何工作。 Google搜了一下之后，我偶然发现了他们的公共FTP 。还没有完全抓取它。但是还是没有发现任何js文档的提及。我曾考虑使用浏览器的另存为命令来保存HTML页面; 但我宁愿开发一个基于JavaScript的爬虫，而不是单独保存每一个页面。我在哪里可以find离线版本的MDN文档？或者如何在离线状态下浏览MDN文档？

如何将HTML5canvas文本设置为粗体和/或斜体？: 我以相当简单的方式将文本打印到canvas上： var ctx = canvas.getContext('2d'); ctx.font = "10pt Courier"; ctx.fillText("Hello World", 100, 100); 但是，如何将文本更改为粗体，斜体或两者？任何build议来解决这个简单的例子？

CSS“和”select器 – 我可以select具有多个类的元素吗？: 我试图select所有具有.checked和.featured标签的元素。所以基本上，我要找的是一个“和”select器; 我不知道有没有。有这样的情况下有任何解决方法吗？

调整图像与JavaScript的canvas（顺利）: 我试图用canvas调整一些图像的大小，但是我对如何平滑它们毫无头绪。在Photoshop，浏览器等。有一些algorithm，他们使用（如双三次，双线性），但我不知道这些是否内置到canvas或不。这是我的小提琴： http : //jsfiddle.net/EWupT/ var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); canvas.width=300 canvas.height=234 ctx.drawImage(img, 0, 0, 300, 234); document.body.appendChild(canvas); 第一个是正常大小的图像标签，第二个是canvas。注意canvas如何不平滑。我怎样才能达到“平稳”？

在HTML5canvas上绘制旋转的文字: 我正在开发的Web应用程序的一部分，需要我创build条形图来显示各种信息。我想，如果用户的浏览器是有能力的，我会使用HTML5canvas元素来绘制它们。我没有问题为我的graphics绘制线条，但是在标记轴线，条形或线条时遇到了一个障碍。如何将旋转的文字绘制到canvas元素上，以便它与所标记的项目alignment？几个例子包括：将文本逆时针旋转90度以标记y轴将文本逆时针旋转90度以在垂直条形图上标记条形将文本旋转任意大小以标记折线图上的线条任何指针将不胜感激。

我如何卸载服务工作者？: 从我的根目录中删除/serviceworker.js后，Chrome仍然运行从我的webroot中删除的服务工作者。如何从我的网站和Chrome卸载服务人员，以便我可以重新login到我的网站？我已经把这个问题跟踪到了Service Work的caching机制，我只想暂时移除，直到有时间debugging它为止。我正在使用的login脚本将redirect到Google的服务器，以便他们login到他们的Google帐户。但是，我从login.php页面得到的是一个ERR_FAILED消息。

Node.js – 如何从html发送数据来expression: 这是html中的表单示例： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>CSS3 Contact Form</title> </head> <body> <div id="contact"> <h1>Send an email</h1> <form action="/myaction" method="post"> <fieldset> <label for="name">Name:</label> <input type="text" id="name" name="name" placeholder="Enter your full name" /> <label for="email">Email:</label> <input type="email" id="email" placeholder="Enter your email address" /> <label for="message">Message:</label> <textarea id="message" placeholder="What's on your mind?"></textarea> <input type="submit" value="Send message" […]

为什么putImageData这么慢？: 我正在用各种（复杂）的东西绘制到一个相对较大的canvas。然后我想保存Canvas的状态，这样我就可以快速地将它重置到现在的状态。我为此使用getImageData并将数据存储在variables中。然后，我将更多的东西画到canvas上，然后使用putImageData将Canvas重置到它保存状态的位置。但是，事实certificate，putImageData是非常缓慢的。事实上，它比从头开始重绘整个Canvas要慢很多，这涉及几个drawImage覆盖大部分曲面，以及超过40.000个lineTo操作，随后是中风和填充。重新绘制约2000 x 5000像素的canvas从头开始需要约170毫秒，使用putImageData虽然需要高达240ms。为什么putImageData与重绘canvas相比如此之慢，尽pipe重画canvas包括用drawImage填充几乎整个canvas，然后用lineTo，stroke和fill再次填充大约50％的canvas。所以基本上每个像素在重绘时至less触摸一次。因为drawImage似乎比putImageData快得多（毕竟，重绘canvas的drawImage部分less于30毫秒）。我决定尝试保存canvas的状态，而不是使用getImageData，而是使用canvas.toDataURL，然后从数据URL中创build一个图像，然后将其放入drawImage中以将其绘制到canvas上。原来这整个过程更快，只需要大约35毫秒来完成。那么，为什么putImageData比替代方法（使用getDataURL或简单地重绘）慢得多？我怎么能进一步加快速度？是否有，如果一般来说最好的方式来存储canvas的状态？（所有的数字都使用Firefox内的Firebug进行测量）