找到 598 篇文章,关于前端脚本

使用 HTML 中的 EaselJS 和 Ticker 绘制线条

Samual Sam
更新于 2020年1月29日 06:39:08

290 次浏览

EaseLJS 是一个 JavaScript 库,用于简化 HTML5 Canvas 元素的使用。用于创建游戏、图形等。要在 HTML 中使用 EaseLJS 的 Ticker 方法绘制线条:var myLine = new createjs.Shape(); myLine.graphics.setStrokeStyle(4); myLine.graphics.beginStroke(color); myLine.graphics.moveTo(startX, startY); startY++; myLine.graphics.lineTo(startX, startY); myLine.graphics.endStroke();

如何编写一个表单来辅助浏览器的自动完成功能?

Krantik Chavan
更新于 2020年6月16日 13:30:18

95 次浏览

HTML5 的官方规范指出:当自动填充字段名为“on”时,用户代理应尝试使用启发式方法来确定最合适的建议值,例如,基于元素的名称值、元素在文档 DOM 中的位置以及…… 阅读更多

在 HTML5 Canvas 上播放视频并保留最后一帧/图像

Lakshmi Srinivas
更新于 2020年1月29日 06:38:07

235 次浏览

您可以尝试运行以下代码来播放并保留视频的最后一帧:var c = $('canvas')[0]; var context = canvas.getContext('2d'); c.width = 640; c.height = 480; $("#,myPlayer").on('play', function (e) {    var $this = this;    (function loop() {       if (!$this.paused && !$this.ended) {          context.drawImage($this, 0, 0, 640, 480);          setTimeout(loop, 1000 / 30);       }    })(); });

在移动浏览器上获得最大的 GPS 精度

Vrundesha Joshi
更新于 2019年7月30日 22:30:22

201 次浏览

出于安全原因,Android 内置浏览器不会提供准确的 GPS 位置。使用需要权限才能从已安装的 GPS 获取准确位置的不同 Web 浏览器进行测试。关闭 GPS 后,接收到的数据精度小于 10 米。如果您想获得高精度 GPS 位置,请不要将 Android 浏览器用于网站。如果在关闭 Wifi 的 iPhone 上测试 Safari 浏览器,则可以看到 50 米的精度。是的,精度较低。

使用移动 CSS 改造现有的网页

karthikeya Boyini
更新于 2020年1月29日 06:37:40

110 次浏览

要进行改造,请使用 CSS 媒体查询,并允许不同的样式表具有不同的浏览器功能。好处是您不必进行任何服务器端代码。这将需要您向脚本中添加特定的检测代码以对设备进行分组。媒体查询甚至可以处理您从未听说过的设备。设置如下:@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {    body {       color: blue;    } }

使用 HTML5 和 canvas 进行逐帧动画

Nishtha Thakur
更新于 2020年1月29日 06:36:50

673 次浏览

要使用 HTML5 和 canvas 创建逐帧动画,请尝试运行以下代码:var myImageNum = 1; var lastImage = 5; var context = canvas.getContext('2d'); var img = new Image; img.onload = function(){    context.clearRect( 0, 0, context.canvas.width, context.canvas.height );    context.drawImage( img, 0, 0 ); }; var timer = setInterval( function(){    if (myImageNum > lastImage){       clearInterval( timer );    }else{       img.src = "images/left_hnd_"+( myImageNum++ )+".png";    } }, 1000/15 );

HTML5 applicationCache 与浏览器缓存

Nancy Den
更新于 2019年7月30日 22:30:22

301 次浏览

HTML5 applicationCache 可以通过一个例子来理解,即一个 Web 应用程序被缓存,并且可以在没有连接互联网的情况下访问。Application cache 有一些优点:用户可以在离线时使用应用程序,缓存的资源加载速度更快,并且减少了服务器负载。浏览器缓存 Web 浏览器使用缓存来存储 HTML 网页,方法是存储已访问页面的副本。之后,当您再次访问该页面时,将使用该副本进行渲染。

测试 HTML 属性 tabindex 是否存在并获取其值

Nitya Raut
更新于 2020年1月29日 06:35:53

355 次浏览

要获取 HTML 属性的值,请尝试以下操作:$("#demo").attr("tabindex") attr() 方法可以用来从匹配集中第一个元素获取属性的值,或者将属性值设置到所有匹配的元素上。您还可以使用 hasAttribute() 方法查看元素是否具有属性。示例尝试运行以下代码来学习如何使用 hasAttribute() 方法:                          $(document).ready(function(){             $('button').on('click', function() {                if (this.hasAttribute("style")) {                   alert('True')                } else {                   alert('False')                }             })          });                              按钮                      按钮 2          

使用 toBase64Image() 函数显示空白 PNG 图像

Samual Sam
更新于 2020年1月29日 06:35:13

162 次浏览

如果使用 toBase64Image() 函数显示空白图像,则需要使用以下方法才能正确处理它:animation: {    duration: 2000,    onComplete: function (animation) {       this.toBase64Image();    } }这样,您还可以使用另一个修复方法。在另一个回调上调用 save64Img(myChart.toBase64Image()) 并将其设置为:myLine = {    onAnimationComplete: function () {       save64Img(myChart.toBase64Image());    } }

无法在 AngularJS 中动态获取单选选择设置的值

Krantik Chavan
更新于 2020年1月29日 06:34:33

157 次浏览

要获取单选选择的值,请向每个 ng-model 添加 [$index],如下所示:印度 美国以上将在 AngularJS 中动态为您提供结果。

广告
© . All rights reserved.