找到 6691 篇文章 关于 Javascript

UIWebView HTML5 Canvas 和视网膜显示

Vrundesha Joshi
更新于 2020-01-28 10:02:02

151 次浏览

要将视网膜尺寸的图像放置到 HTML5 canvas 中,请尝试使用 canvas 以下代码:var context = myCanvas.getContext("2d"); context.attr("width", width * window.devicePixelRatio); context.attr("height", height * window.devicePixelRatio); context.scale(window.devicePixelRatio, window.devicePixelRatio); context.drawImage(img, x, y, width, height);

将 FFMPEG 与 HTML5 结合用于在线视频托管

Samual Sam
更新于 2019-07-30 22:30:22

1K+ 次浏览

支持 HTML5 的浏览器具有一个 video 元素,您可以使用它在您的网站上播放视频。需要提醒您的是,flowplayer 和其他基于 Flash 的视频流媒体播放器使用 FLV 格式。它具有与 H.264 相同的编码。FFMPEG 可以将视频转换为 FLV,您可以随意使用它与 flowplayer 结合。使用 flvtool2 读取和写入 FLV 文件的元数据。使用这些工具创建您的视频并通过 flowplayer 流式传输它们。

关于如何为 Flash/Flex/HTML5 开发的未来做准备,您有什么想法?

Lakshmi Srinivas
更新于 2020-01-28 10:01:21

75 次浏览

将来,与今天一样,如果任何用户仍然想要使用 Flash,他们将必须手动启用 Flash。HTML5 和 Flex 是未来。HTML5 是万维网联盟 (W3C) 和 Web 超文本应用技术工作组 (WHATWG) 之间的合作。Apple Safari、Google Chrome、Mozilla Firefox 和 Opera 的最新版本都支持许多 HTML5 功能,Internet Explorer 11.0 也将支持 HTML5 功能。iPhone、iPad 和 Android 手机预装的移动 Web 浏览器都对 HTML5 具有极佳的支持。Flexbox(弹性盒)是 CSS3 的布局模式。使用此模式,... 阅读更多

HTML5/JS 存储事件处理程序

Jennifer Nicholas
更新于 2020-01-28 09:21:54

246 次浏览

只有当存储事件由另一个窗口触发时,存储事件处理程序才会触发。您可以尝试运行以下代码:// 事件处理程序 window.addEventListener('storage', storageEventHandlerFunc, false); function storageEventHandlerFunc(evt) {    alert("Storage event called key: " + event.key );    switch(event.key){       case 'one':       case 'two': batteryDCMeter(); break;       case 'extPowerOn': rechargeBattery(); break;    } } sessionStorage.setItem("someKey", "someValue");

“position: absolute”与 flexbox 冲突吗?

karthikeya Boyini
更新于 2020-01-28 09:21:30

206 次浏览

绝对定位不会与 flex 容器冲突。您还需要设置父级宽度和值:.parent {    display: flex;    justify-content: center;    position: absolute;    width:100% }以下是 HTML:    text

Flexbox 布局在尺寸减小时丢失比例

Nitya Raut
更新于 2020-01-28 09:19:54

84 次浏览

要避免 Flexbox 布局问题,您需要添加以下内容:* {    flex-shrink: 0;    min-width: 0;    min-height: 0; }此处,flex-shrink: 1 - 允许 flex 项目收缩min-width: 0 - flex 项目收缩超出其内容

Polymer 1.0 dom-repeat 应该使用 HTML 从 1 开始显示索引

Samual Sam
更新于 2020-01-28 09:20:46

118 次浏览

Polymer.js 是 Google 创建的一个 JavaScript 库,允许重用 HTML 元素来使用组件构建应用程序。要实现此索引,您需要将索引设置为:{{displayIndex(index)}}displayIndex 将为:function (index) {    return index + 1; }让我们在一个示例中看看它:主题 {{displayIndex(index)}}

HTML5 中 MessageChannel 和 WebSockets 的区别

Smita Kapse
更新于 2019-07-30 22:30:22

150 次浏览

Web Sockets 是一种用于 Web 应用程序的下一代双向通信技术,它通过单个套接字运行,并在兼容 HTML 5 的浏览器中通过 JavaScript 接口公开。一旦您与 Web 服务器建立了 Web Socket 连接,就可以通过调用 send() 方法从浏览器向服务器发送数据,并通过 onmessage 事件处理程序从服务器接收数据到浏览器。浏览上下文之间的双向通信称为通道消息传递。它对于跨多个来源的通信很有用。在创建 messageChannel 时,它会在内部创建两个端口来发送数据并转发到另一个浏览上下文。... 阅读更多

之间的区别

Anvi Jain
更新于 2019-07-30 22:30:22

187 次浏览

Ionic 是一个用于开发移动应用程序的开源框架。它提供构建具有原生外观和感觉的移动 UI 的工具和服务。列表是任何 Web 或移动应用程序中最受欢迎的元素之一。它们通常用于显示各种信息。它们可以与其他 HTML 元素组合以创建不同的菜单、选项卡或打破纯文本文件的单调性。Ionic 框架提供不同的列表类型,使其易于使用。诸如 的 HTML 格式将为您提供您正在寻找的所有 CSS 样式。但是,Ionic 将... 阅读更多

从 url 加载图像并绘制到 HTML5 Canvas

Lakshmi Srinivas
更新于 2020-01-28 09:19:27

3K+ 次浏览

您需要在 JavaScript 中创建一个图像对象,然后设置 src。但是,您需要在绘制之前等待加载事件。以下是 canvas:var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); var myImg = new Image(); img.onload = function() {    context.drawImage(myImg, 0, 0); }; img.src = 'https://tutorialspoint.com/images/seaborn-4.jpg?v=2';

广告