使用 KineticJS、分组和图层构建 HTML5 web 应用程序时，需要使用它们。基本上，组是容器，而图层基本上是分隔符。组是一种容器，其中包含图层内的形状对象，例如，组可能同时包含圆形和矩形。如果操纵一组，那么该组中的元素也会被操纵。例如，如果我们拖动该组，那么它的元素也会被拖动。然而，图层实际上会分隔位于彼此顶部的画布元素。这与 Photoshop 和 Illustrator 中的图层非常相似。多个图层可以同时显示。图层用于... 阅读更多

通过 API 使标记淡出是不可能的。不过，可以通过创建自定义覆盖物来模拟标记。自定义覆盖物通常包含一个 div，借助它可以由 javascript 或 jquery 来控制不透明度。为了对 Google 地图标记创建效果或执行动画，我们需要一个自定义覆盖物。可以将标记添加到地图中，它肯定可以优化：false 选项 var newmarkerimg= $('#map_canvas img[src*="iconmarker "][class!="imageadjust "]');

如果你想在 JavaScript 中打开一个文件浏览器，然后想设置一个与文件文件夹相同的默认目录，那就做不到了，因为 Windows 不允许你这样做，所以不可能。例如：C：\：\Amit 这是因为允许 web 代码在机器上设置任何值会涉及到安全风险。我们永远无法确保该目录是否存在。

为了显示 HTML5 客户端验证错误气泡，使用 required 属性。不需要 JavaScript 即可进行客户端验证，例如永远不会提交空文本框，因为 HTML5 引入了一个名为 required 的新属性，该属性会按照如下所示使用，并强制要求提供一个值：                   输入邮件：         使用“提交”按钮尝试提交                   

Amazon S3 现在支持跨源资源共享，因此现在可以进行 HTML5 上传。在过去，这是做不到的。可以通过跨源资源共享 (CORS) 将 Plupload 直接上传到 HTML5。借助 CORS（跨源资源共享），可以创建丰富的客户端 Web 应用程序。它可以选择性地允许跨源访问 S3 资源，借助该资源我们可以访问 Amazon。

本地存储专用于跨多个窗口的存储，并且持续时间超过当前会话。具体而言，考虑出于性能原因在客户端存储兆字节用户数据（例如，由用户编写的完整文档或用户的邮箱）的 Web 应用程序可能希望这样做。对于在本地存储中存储凭据，在成功登录后，生成一个与用户凭据完全不相关的随机字符串。你需要将此存储在数据库中。不要忘记添加一个到期日期。将该字符串传递给 JavaScript 以存储在本地存储中。只要本地存储凭据与数据库匹配并... 阅读更多

要在画布内创建圆形文本，请使用:context.beginPath();以下为画布:$("#demo").on("click", "#canvas1", function(event) {    var canvas = document.getElementById('canvas1');    if (canvas.getContext) {       var context = canvas.getContext("2d");       var w = 25;       var x = event.pageX;       var y = Math.floor(event.pageY-$(this).offset().top);       context.beginPath();       context.fillStyle = "blue";       context.arc(x, y, w/2, 0, 2 * Math.PI, false);       context.fill();       context = canvas.getContext("2d");       context.font = '9pt';       context.fillStyle = 'white';       context.textAlign = 'center';       context.fillText('amit', x, y+4);    } });HTML    

要让画布填充整个页面，你需要将页面宽高设置为 100%。* {    margin: 0;    padding: 0; } body, html {    height:100%; } #canvas {    position:absolute;    height:100%; width:100%; }

同源资源共享 (CORS) 是一种允许在网络浏览器中来自其他域的受限资源使用的机制。例如，如果您点击 html5 演示部分中的 HTML5 视频播放器。它将要求相机权限。如果用户允许权限，则它才会打开相机，否则它将不会为网络应用程序打开相机。此处的 Chrome、Firefox、Opera 和 Safari 均使用 XMLHttprequest2 对象，而 Internet Explorer 使用类似的 XDomainRequest 对象，object.function createCORSRequest(method, url) {    var xhr = new XMLHttpRequest();    if ("withCredentials" in xhr) {       // 检查 XMLHttpRequest ... 阅读更多

您可以尝试运行以下代码来验证输入类型文件的尺寸：                                                                                                  $(function(){                $('form').submit(function(){                   var val = true;                       $('input[type=file][data-max-size]').each(function(){                   if(typeof this.files[0] !== 'undefined'){                      var max = parseInt($(this).attr('max-size'),10),                      mySize = this.files[0].size;                      val = max > mySize;                      return val;                   }                });                return val;             });          });