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

HTML5 canvas 和多边形上的图像是否可行?

George John
更新于 2020-06-25 08:15:15

336 次浏览

是的,这是可能的。使用图像创建图案,然后将图案设置为 fillStyle。这里,obj 是我们的图像对象 -var context = canvas.getContext("2d"); var pattern = context.createPattern(obj, "repeat"); context.fillStyle = pattern;您需要操作图像以适应任意多边形 -context.save(); context.setTransform(m11, m12, m21, m22, dx, dy); context.drawImage(obj); context.restore();

使用 HTML5 检测 Safari 中的文件夹

Smita Kapse
更新于 2020-06-25 08:02:02

112 次浏览

您可以尝试运行以下代码以在 Safari 中检测文件夹 -Array.prototype.forEach.call(e.dataTransfer.files, function (file) {    var r = new FileReader();    r.onload = function (event) {       addFile(file);    };    r.onerror = function (event) {       alert("Safari 浏览器不支持上传文件夹!");    }    r.readAsDataURL(file); });

使用 HTML5 Canvas 创建内容比使用 Flash 创作复杂得多

Anvi Jain
更新于 2020-01-28 07:44:40

111 次浏览

Flash 提供了惊人的 GUI 和大量用于动画的视觉功能。它允许用户在一个特定平台内构建所有内容,而无需完全集成到浏览器中,并包含在浏览器中,其主要范围是多媒体和其他类型的动画。HTML5 元素为您提供了一种简单而强大的方法来使用 JavaScript 绘制图形。它可用于绘制图表、制作照片合成或进行简单的(以及不那么简单的)动画。这是一个简单的元素,它只有两个特定的属性 width 和 height 以及所有核心 HTML5 属性,如 id、name 等... 阅读更多

HTML5 Canvas 度符号

Arjun Thakur
更新于 2022-04-05 12:35:42

340 次浏览

对于 HTML5 Canvas 度符号,尝试运行以下代码 -                          body {             margin:5em;             background:#eee;             text-align:center          }          canvas {             background:#fff;             border:2px solid #ccc;             display:block;             margin:3em auto          }                              var c = document.getElementsByTagName('canvas')[0];          c.width = c.height = 300;          var context = c.getContext('2d');          context.font = "20px sans-serif";          context.fillText("212° 华氏度", 100, 100);          

如何在拖放中停止 dragend 的默认行为?

Ankith Reddy
更新于 2020-06-25 08:04:08

168 次浏览

要停止 dragend 的默认行为,您需要检测鼠标是否位于您想要放置的放置目标上。只有当您将鼠标悬停在我的列表上时,您才应该这样做 - listContainer.insertBefore(source, myNode);使用 jQuery -if ($(mylist).parent().find(":hover")) {    listContainer.insertBefore(source, myNode); }

嵌套 Flex 容器时 Flex 属性的正确使用

AmitDiwan
更新于 2022-12-06 10:55:50

1K+ 次浏览

Flex 容器始终是父级,而 Flex 项目始终是子级。Flex 格式化上下文的范围仅限于父子关系。Flex 容器的后代超出子级不属于 Flex 布局,也不会接受 Flex 属性。某些 Flex 属性仅适用于 Flex 容器 - justify-content、flex-wrap 和 flex-direction 某些 Flex 属性仅适用于 Flex 项目”align-self flex-grow flex 始终将 display: flex 或 display: inline-flex 应用于父级以将 Flex 属性应用于子级。让... 阅读更多

基于 Canvas 大小的 HTML5 Canvas 字体大小

George John
更新于 2020-06-25 08:05:40

659 次浏览

要缩放字体,让我们看一个例子。Canvas:800px 字体大小:60px您需要使用以下代码作为我们的示例,根据画布缩放字体大小 -var fontBase = 800; var fontSize = 60; function getFont() {    var ratio = fontSize / fontBase;    var cSize = canvas.width * ratio;    return (cSize |0) + 'px sans-serif'; }

如何在可用时使 Ember.js 应用程序脱机并与服务器同步?

Arjun Thakur
更新于 2020-06-25 07:55:53

103 次浏览

使用 ember-localstorage 适配器。App.store = DS.Store.create({    revision: 11,    adapter: DS.LSAdapter.create() });示例您需要定义要用于客户端存储的适配器 -App.Store = DS.SyncStore.extend({    revision: 10,    adapter: DS.IndexedDB.adapter({       mappings: {          person: App.Person,          persons: App.Person,          contact: App.Contact,          contacts: App.Contact       }    }) });

如何让用户登录离线 Web 应用?

George John
更新于 2019-07-30 22:30:22

415 次浏览

在登录即在线时,您需要首先对服务器进行身份验证,如果成功,则将用户名和哈希密码存储在数据库中。如果可以在数据库中找到帐户,则仅当用户自上次登录以来更改了密码时,您才需要生成新的哈希值。您还需要对本地数据库进行身份验证。至少在线版应用中登录一次。

HTML5 视频在 JavaScript 中完全预加载

Chandu yadav
更新于 2020-06-25 07:58:43

683 次浏览

使用 oncanplaythrough 事件完全预加载视频。您可以尝试运行以下代码。示例                                        您的浏览器不支持视频元素。                      function display() {             alert("可以在不暂停缓冲的情况下播放。");         }

广告

© . All rights reserved.