HTML5

HTML5画布检查器？

有没有能力检查在HTML5画布上呈现的对象，就像我们可以在Silverlight中使用SilverlightSpy做的那样？如果我使用Chrome元素检查器，我只能检查DOM。

为什么HTML5忽略比font-size小的行高？

我正在将一些页面转换为HTML5，其中包含需要设置为真正小的行高的标题。DOCTYPEhtml>字体大小以下的任何行高都会被忽略。任何人都知道为什么会这样，如果它是可治愈的？我的旧标记是东西它在XHTML1.0中过渡而不是HTML5。因为块元素可以规定行高。通过将内嵌元素包装在块元素中，通过使用CSS来使标签显示“inline-block”，这比通过将内嵌元素封装在块元素中更好的方法。

我想为我的画布标签中的弧形创建一个外部发光效果。这应该是这样的：到目前为止，我已经有了白色的圈子。我尝试使用一个“0”的偏移量的DropShadow，但这看起来不对。你建议什么也许形状下面有从蓝色到黑色的渐变？如果是这样，请在Photoshop，GIMP等中创建使用光泽的图像文件。将其保存为.PNG以保留背景的透明度。如果在屏幕上绘制画布绘图功能，那么如何重新绘制圆圈25次，每个圆圈的宽度增加一个像素？

如何设计HTML5标签

我只想改变背景颜色和值颜色，但是我找不到正确的CSS属性。对于基于webkit的浏览器，我发现这些：在哪里可以找到适合基于壁虎的浏览器，Opera和IE的CSS属性？解决方法我使用以下代码在Webkit浏览器中使用了微妙的渐变样式：不过，ChrisCoyier在css-TricksrecommendsthefollowingHTML代码：…而不是HTML5或标签。在这个时候，我同意他的观点：Tomakethingsworse,thingsareverydifferentacrossbrowsers,eve

html5 – 如何避免在同一页面重复重载HTML视频？

在同一页面中使用相同的视频两次似乎强制不必要的媒体重新加载。据了解，从http://www.w3.org/TR/html5/video.html#dom-media-mediagroup起，该规范的作者希望在这两种情况下都可以单独重新加载，但这并不是我所想的。请注意，这与为同一视频拥有多个来源的常见问题相反。解决方法如果您检查下载的视频的大小，他们是否都下载完整的视频？在我的测试中，大多数浏览器下载了一个小块，然后下载完整的视频–所以我想知道如果您计算为两次完整的下载，实际上只有一个完整的下载和一个部分。

将HTML5视频标签分配给webGL纹理时,JavaScript – CORS /跨域安全异常

我想在WebGL中为远程视频分配纹理。一旦将WebGL纹理分配给视频对象，JavaScript会抛出以下异常：未捕获错误：Security_ERR：DOM异常18这是一个jsfiddle重现这个问题。此示例基于three.js的webgl_kinect示例：http://jsfiddle.net/ZgeTU/2/以下是相关部分：稍后，视频标签分配给Three.js纹理：显然，在webGL中使用crossOrigin视频的这个问题已经知道了一段时间，但是我没有发现任何更新：http://jbuckley.c

html5 – 可以通过脱机存储缓存清单加载Web字体吗？

我明白我可以通过html/css导入我的字体，但我想知道这是否是一个可实现的方法。解决方法是的，如果您向清单文件添加字体，它们将与其余文件一起下载，然后脱机使用。例如，您无法缓存GoogleWeb字体。我一直在做一些测试，似乎来自Google的字体在Chrome和Opera，onlyFirefoxhasproblems上都被缓存。对于清单，“不在您的域上”的限制仅在通过HTTPS提供时才适用。您仍然需要在CSS中使用@font-face规则引用字体，以便它们在您的页面中使用。例如，在您的清单文件中：在st

HTML5视频不会在Chrome中播放

一些背景我在FF和Safari中测试了我的视频，并且播放正常，但它不会在Chrome浏览器中播放。您可以在下面的代码中看到，我已经创建了mp4，m4v，webM和ogv文件，我已经在我的电脑上测试了所有播放问题。症状/问题在Chrome中，视频似乎加载，控制台日志中没有错误。解决方法在另一个人的帮助下，我们发现这是在HTML文件中排序源文件的问题。这是在Safari，Firefox和Chrome上的顺序：现在，我必须重新检查m4v文件上的编码。

如何使HTML5号码字段显示尾随零？

我有一个字段：我想打0.50，没有它“纠正”到0.5，所以它会显示0.50。它说它必须是一个有效的浮点数。在definitionofavalidfloatingpointnumber中有一句话引起了我的注意：ThebestrepresentationofthenumbernasafloatingpointnumberisthestringobtainedfromapplyingtheJavaScriptoperatorToStrington.这意味着格式将始终与评估数字是一致的，然后使用JavaScrip

检查HTML5日期选择器阴影DOM

我正在检查某些HTML5控件的阴影DOM，例如输入类型的日期选择器=“date”以及绑定到datalist的输入的实际建议下拉列表。我发现通过启用Chrome浏览器选项中的ShadowDOM设置，可以检查影子DOM的实际输入，而不是datepicker本身：datalist也是一样。是否可以检查这些元素？有很多网站列出了他们中的一些，但是我还没有找到一个源代码，它可以为datalist元素列出::–webkit-calendar-picker-indicator，它将被应用。XUL中的Mozilla显示：