html5
关注
分享
扫一扫
dragoo1
这个作者很懒，什么都没留下…
展开
-
html里的<wbr>标签什么意思（转）
<wbr>是html5中的新元素。有人翻译成：软换行。html4中<br/>表示换行，<br/>表示必须换行。而<wbr>意思是在浏览器窗口或父级窗口宽度足够的情况下，不换行；在宽度不足的情况下，在加了<wbr>处主动换行。例子：<p>To learn AJAX, you must be familiar wi...转载 2020-03-06 10:37:37 · 2116 阅读 · 0 评论 -
HTML5 video在安卓的微信上面播放时自动会全屏的问题
解决方法：<video x5-playsinline="true" playsinline="true" webkit-playsinline="true" :poster="option.cover_pic_url ? option.cover_pic_url : $bigDefaultImg" v-if="option.content_file_url" controls="co...原创 2019-09-26 15:44:54 · 1390 阅读 · 1 评论 -
动态创建HTML元素并添加属性（转）
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>柴婷的测试</title> <style> .my-class{ color:red; ...转载 2019-09-24 13:52:30 · 444 阅读 · 1 评论 -
实现跨域iframe的陀螺仪全景图效果
开发时发现同根iframe子页面可以直接检测到deviceorientation事件，但跨域iframe不可以，因此通过postMessage传递信息。参考：https://stackoverflow.com/questions/37262953/deviceorientation-not-triggering-in-ios-browsers-when-referenced-in-iframe...原创 2019-07-05 12:59:29 · 1095 阅读 · 0 评论 -
在three.js中使用透明背景
如果你想在three.js中使用透明背景，则需要将alpha参数传递给WebGLRenderer构造函数。var renderer = new THREE.WebGLRenderer( { alpha: true } );可以将清除颜色保留为默认值。renderer.setClearColor( 0x000000, 0 ); // the default参考：https://...原创 2019-07-04 10:45:01 · 2214 阅读 · 0 评论 -
js实现全屏
function toggleFullScreen() { var isFull = window.fullScreen || document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement || false; var de = document.documentElement; i...原创 2019-04-26 14:15:57 · 408 阅读 · 0 评论 -
html5 canvas 画笔透明的实现方法(转)
<!doctype html><html><head><meta charset="utf-8"><title>HTML5简单的画图</title><style> *{margin: 0; padding: 0;}canvas{ border:1px solid #000;pos转载 2018-08-22 14:14:50 · 3336 阅读 · 0 评论 -
后HTML5时代Ⅱ(转)
话说前一篇文章，作者为展现其逼格，在前面大讲前端/重构历史，以2年为一个节点。。我并不知道这是不是意味着什么。直到我开始写这篇文章。在刚复制完他的标题，粘贴到发表文章页面的文章标题一栏时，我似乎明白了一些什么。我本来是想直接写《后html5时代（Ⅲ）》的，但是基于团队有为数不少的处女座，其中也包含了我的领导，故怕被拍死。所以还是用了《后html5时代Ⅱ》，但这真不是我的本意。回头我还是要去找上篇文转载 2016-11-10 09:48:27 · 484 阅读 · 0 评论 -
后 HTML5 时代（一）(转)
十二年前，无论多么复杂的布局，在我们神奇的table面前，都不是问题；十年前，阿捷的一本《网站重构》，为我们开启了新的篇章；八年前，我们研究yahoo.com，惊叹它在IE5下都表现得如此完美；六年前，Web标准化成了我们的基础技能，我们开始研究网站性能优化；四年前，我们开始研究自动化工具，自动化测试，谁没玩过nodejs都不好意思说是页面仔；二年前，各种终端风起云涌，响应式、转载 2016-11-10 09:42:25 · 537 阅读 · 0 评论 -
移动前端开发之viewport的深入理解（转）
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个a转载 2016-04-20 17:14:20 · 1358 阅读 · 0 评论 -
The key "" is not recognized and ignored
环境：win7 64位，chrome 44.0.2403.125打开一网页，chrome控制台报警告:The key "" is not recognized and ignoredhtml代码：<meta name="viewport" content="width=1024, height=768,initial-scale=1.0,maximum-scale=1.0,us原创 2016-05-12 10:28:54 · 32873 阅读 · 5 评论 -
RSC-010, ERROR, [Reference to non-standard resource type found.]
使用epubcheck检查epub文件,报错：RSC-010, ERROR, [Reference to non-standard resource type found.], chapter-001.xhtml (1087-112)RSC-011, ERROR, [Found a reference to a resource that is not a spine item.], ch原创 2016-01-21 09:21:35 · 870 阅读 · 0 评论 -
浅谈html5网页内嵌视频(转)
如今在这个特殊的时代下：flash将死未死，微软和IE的历史问题，html5标准未定，苹果和谷歌的闭源和开源之争，移动互联网的大势所趋，浏览器各自为战…这些都导致web开发者在设计视频解决方案的时候相当困惑。本文围绕这个主题，来探讨一下相关的技术，原理和工具。编码与格式的误区很多人将编码和格式误认为是同一个东西，往往以视频文件的后缀来唯一确定视频文件的支持程度。而事实上，用一句话来概括就是转载 2015-09-23 15:25:36 · 5178 阅读 · 0 评论 -
Canvas globalAlpha透明度属性(转)
globalAlphafunction draw() {var cxt = document.getElementById("myCanvas").getContext("2d");cxt.fillStyle="#FD0";cxt.fillRect(0,0,75,75);cxt.fillStyle="#6C0"cxt.fillRect(75,0,75,75);cxt转载 2015-07-31 10:50:38 · 6475 阅读 · 0 评论 -
在HTML5的Canvas上绘制椭圆的几种方法(转)
概述 HTML5中的Canvas并没有直接提供绘制椭圆的方法，下面是对几种绘制方法的总结。各种方法各有优缺，视情况选用。各方法的参数相同：context为Canvas的2D绘图环境对象，x为椭圆中心横坐标，y为椭圆中心纵坐标，a为椭圆横半轴长，b为椭圆纵半轴长。参数方程法 该方法利用椭圆的参数方程来绘制椭圆 //-----------用参数方转载 2015-07-28 13:58:26 · 2215 阅读 · 0 评论 -
ie11中设置audio的currentTime报错InvalidStateError
环境：win7 32位，ie11要做一个切换歌曲功能：Sspan.on(downEvent, function () { switchTime = au1[0].currentTime; curAudio = (curAudio + 1) % 2; au1.attr("src", audio2[curAudio]); au1[0].play(); au1原创 2015-07-27 11:22:01 · 8270 阅读 · 0 评论 -
HTML5技术之图像处理：一个滑动的拼图游戏（转）
HTML5技术之图像处理：一个滑动的拼图游戏HTML5有许多功能特性可以把多媒体整合到网页中。使用canvas元素可以在这个空白的画板上填充线条，载入图片文件，甚至动画效果。在这篇文章中，我将做一个滑动拼图的游戏用来展示HTML5 canvas的图片处理能力。在网页中使用canvas标签用来创建画板复制代码canvas的宽和高使用像素为单位。如果这两转载 2015-07-01 19:29:32 · 10175 阅读 · 0 评论