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

使用原始二进制数据使用 HTML5 src

Govinda Sai
更新于 2020年1月30日 06:52:52

848 次查看

如果音频文件存储在数据库中,然后我们想在应用程序中将此文件用作 blob 或二进制文件(其中音频源根据会话),则通过 ${sessionScope.user.music} 返回二进制数据。要将音频文件加载到音频标签中,data:audio/mp3;base64 可以正常工作。至于图像,图像标签的使用如下

HTML5 getCurrentPosition 在 iOS 上的 PhoneGap 中几乎总是失败

Lakshmi Srinivas
更新于 2019年7月30日 22:30:22

70 次查看

PhoneGap 具有适用于 iOS 的地理位置功能,运行良好,但在 iOS6 中,getCurrentPosition 会触发失败回调。失败后,getCurrentPosition 会调用成功或失败回调。为了让 PhoneGap 在 iOS6 上工作,我们需要将 PhoneGap.plist 设置为 No。如果设置为 yes,则 iOS6 会出现内存问题。但是,Apache Cardova 可用于 iOS 的此目的。旧版 Cardova 中存在许多错误,因此应更新到 Cardova 新版本。

HTML5 拖放无法放下

Vrundesha Joshi
更新于 2020年1月30日 06:52:23

421 次查看

这是因为没有 dragover 事件处理程序;但是,使用了 dragover 事件的默认事件处理程序。之后,不会触发 drop 事件。在 drop 事件之前,dragover 事件需要 e.preventDefault。如果要允许放下,则阻止默认处理程序以取消事件。这可以通过从属性定义的事件侦听器返回 false 或调用事件的 event.preventDefault 方法来完成。当 division 具有 dragover 作为属性时,将返回 false。阻止了默认值。

将极大的文件拆分并上传到 Amazon S3

Sravani S
更新于 2019年7月30日 22:30:22

470 次查看

为了在 Amazon S3 上存储极大的文件,可以使用配置的虚拟机,其大小将为 10+ GB。在 HTML5 文件 API 中,非常大的文件在客户端被分成小块。服务器负责将文件组合在一起并将完整的文件移动到 S3。在 EC2 和 S3 之间发送文件没有成本,但为此,我们需要维护 2 个应用程序来发送大文件。在 Amazon 分段上传中,如果块上传失败,可以重新启动。5GB 的数据可以分成 1024 个单独的部分,并上传每个部分 ... 阅读更多

HTML5 Canvas 圆形碰撞检测

karthikeya Boyini
更新于 2020年1月30日 06:14:28

389 次查看

如果我们想检查圆形是否相互碰撞,一种方法是获取两个圆形中心的距离,并从该距离中减去每个圆形的半径我们还检查距离是否大于 1。如果我们想检查 20 个圆形,那么我们需要计算距离的精确差异。中心的 x/y 位置与半径。bs(x2 - x1) > (r2 + r1) abs(y2 - y1) > (r2 + r1)如果圆形中心之间的 X 或 Y 距离大于... 阅读更多

如何在 HTML5 中检测画布旋转后的画布上的点

V Jyothi
更新于 2020年1月30日 06:15:29

226 次查看

每当我们使用画布并希望画布旋转时,我们需要根据其旋转转换点以绘制点。可以创建一个转换类来在画布旋转后检测画布上的点var t = new Transform(); console.log(t.transformPoint(5,6)); //转换点将为 [5,6] t.rotate(1); //可以应用与我们对画布所做的相同的转换 console.log(t.transformPoint(5,6)); //转换后的点将为 [-2.347, 7.449]

在 HTML5 画布中绘制图像的一部分

Rishi Rathor
更新于 2020年1月30日 06:14:59

420 次查看

如果要绘制画布内图像的一部分,则图像加载函数仅在图像首次加载到浏览器中时触发一次。让我们看看示例:$(document).ready(function () {    var cw1 = 200;    var ch1 = 300;    var ctx1 = $("#myCanvas")[0].getContext("3d");    var myImg1 = new Image();    myImg1.src = "http://oi62.tinypic.com/148yf7.jpg";    var Fpst = 60;    var Player1Tank = {       x: cw1 / 2,       w: 85,       h: 85,       Pos: 3,       draw: function () {       ... 阅读更多

当存在外部链接时,HTML5 SVG css3 填充转换不起作用

Nancy Den
更新于 2020年1月30日 06:13:20

93 次查看

这无法通过访问过的状态来完成。最好的解决方案是向 url 添加随机查询,以便页面保持未访问状态。

HTML 中 KineticJs 的组和层之间有什么区别?

Daniol Thomas
更新于 2019年7月30日 22:30:22

393 次查看

在使用 KineticJS 创建 HTML5 Web 应用程序时,需要使用分组和分层。组基本上是容器,而层基本上是分隔符。例如,组是一个包含形状对象的容器,这些形状对象位于图层内,例如,组可能同时包含圆形和矩形。如果操作组,则组内的元素也会被操作。例如,如果我们拖动组,则其元素也会被拖动。但是,图层实际上会分隔彼此位于顶部的画布元素。这与 Photoshop 和 Illustrator 中的工作图层非常相似。多个图层可以同时可见。图层用于 ... 阅读更多

HTML5 中 Google 地图标记的效果和动画

Samual Sam
更新于 2020年1月30日 06:11:17

160 次查看

无法通过 API 淡出标记。但是,可以通过创建自定义叠加层来模拟标记。自定义叠加层通常包含一个 div,通过该 div 可以通过 javascript 或 jquery 控制不透明度。为了在 Google 地图标记上创建效果或动画,我们需要一个自定义叠加层。标记可以添加到地图中,它确实使优化:false 选项var newmarkerimg= $('#map_canvas img[src*="iconmarker "][class!="imageadjust "]');

广告
© . All rights reserved.