HTML5
关注
分享
扫一扫
文章平均质量分 85
nethub2
这个作者很懒，什么都没留下…
展开
-
自适应布局之div浮动实现
在自适应布局之table实现一文中，我们初步了解了如何用Table实现自适应宽度的分栏布局。 但由于Table的死板布局约束和一些性能原因，我们通常不会采用基于Table的自适应布局。本文便来介绍一种常用的基于div浮动的分栏布局。 先看效果：HTML框架相比于Table布局，基于CSS的布局HTML代码会更加简洁：<!DOCTYPE html><h...原创 2016-10-30 17:18:57 · 531 阅读 · 0 评论 -
CSS Line Box：溢出与折行
CSS 将 DOM 树转换为由矩形 Box 构成的树，并通过设置这些 Box 的属性来改变其位置和大小，描述每个元素或文本的布局。这些 Box 分为三个级别：block-level Box：display属性为block的Box，比如段落标签<p>；inline-level Box：display属性为inline-block的Box，它们就像一行中的单词一样布局。它里...原创 2016-10-30 17:46:22 · 130 阅读 · 0 评论 -
如何用html5实现在网页上显示本地摄像头
HTML5技术支持WebApp在手机上拍照，显示在页面上并上传到服务器。这是手机微博应用中常见的功能，当然你也可以在其它类型应用中适当使用此技术。 1、 视频流 HTML5 的 The Media Capture（媒体捕捉） API 提供了对摄像头的可编程访问，用户可以直接用 getUserMedia （请注意目前仅Chrome和Opera支持）获得摄像头提供的视频流。我们需要做的是添...原创 2014-11-08 18:23:10 · 539 阅读 · 0 评论 -
html5调用手机摄像头，实现拍照上传功能
今天做手机网站，想实现手机扫描二维码功能。首先实现在浏览器中调用手机摄像头，实现拍照功能并且把拍下的照片显示在页面并上传到服务器上，然后再在服务器端进行分析。首先实现在浏览器中调用摄像头，当然用现在火的不行的html5，html5中的<video>标签，并将从摄像头获得视频作为这个标签的输入来源。实现拍照功能的html5代码：<article> <...原创 2014-11-08 19:23:16 · 448 阅读 · 0 评论