![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
文章平均质量分 84
snow_finland
这个作者很懒,什么都没留下…
展开
-
利用 HTML 5 的多图片上传及预览(不含前端的文件分割)
主要运用1、HTML5 files可以选择多文件,以及获取多文件信息2、XMLHTTPRequest对象,发送HTTP传输请求3、将每一个文件放在FormData,进行传输4、利用readAsDataURL将图片内容直接变成url,放在img标签的src当中,生成可预览的图片html+css+js代码test html FileReaderht原创 2014-01-13 11:05:02 · 1829 阅读 · 0 评论 -
html5 css3 将长方形图片 切成 直角梯形显示
效果图如上skew testhtml,body,div,img{ margin:0; padding:0;}img{ border:0 none;}.pic1{ width:220px; height:300px; padding-left:180px; margin-left:-160px; float:left; transform:skew(-5原创 2014-09-30 13:40:05 · 10045 阅读 · 0 评论 -
【html5 canvas】使用Canvas做出橡皮擦效果
html部分 My Canvas 0.1html,body,div,img{ margin:0; padding:0;}a,a:hover{ text-decoration:none;}.background{ width:100%; position:fixed; top:0; left:0;}var canvas = { in原创 2014-12-30 16:15:47 · 3311 阅读 · 0 评论 -
【html5 audio】音乐播放,灵动的音符效果
html 部分 My Coffee Stream 0.1html,body,div,img{ margin:0; padding:0;}a,a:hover{ text-decoration:none;}.background{ width:100%; position:fixed; top:0; left:0;}.audio_box{ position原创 2014-12-31 15:45:42 · 4049 阅读 · 0 评论 -
【图片压缩】使用canvas,html5进行图片压缩
首先html中有个input file的按钮,能选择图片上传javascript部分var isiOS = navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone') || navigator.userAgent.match('iPod');function u原创 2015-03-20 17:14:49 · 863 阅读 · 0 评论 -
【整理】web前端相关知识文档手册整理
中文文档合集印象中文https://www.docschina.org/综合类W3CSchoolhttp://www.w3school.com.cn/MDN Web 文档英文版(Mozilla)https://developer.mozilla.org/en-US/MDN Web 文档中文版(Mozilla)https:/原创 2017-08-23 15:21:59 · 373 阅读 · 0 评论 -
【video】video使用踩坑记录
1 普通网页上,ios视频不能内联式播放如果是web app,cordova(ionic)中,首先给video标签加playsinline和webkit-playsinline(兼容新版旧版不同的浏览器)config.xml中加2 ios视频不支持autoplay和preload,如需自动播放,需要在页面加载后通过js调用播放视频3 对于视频而言,可能需要播放前原创 2017-08-29 11:36:28 · 3904 阅读 · 1 评论 -
【react-natvie】react-native Android webview下h5使用rem布局会随系统字体放大缩小的解决方案
问题描述:react-native Android webview下h5使用rem布局会随系统字体放大缩小Android普通浏览器里,在浏览器直接调整字体大小(例如UC、QQ浏览器等都支持改变浏览器里字体大小),h5使用rem布局会随浏览器设置的字体放大缩小由于Rem布局本身已经考虑到了不同机型/浏览器/分辨率的适配问题,这个时候再随系统字体、浏览器字体放大缩小就会造成布局的混乱,所以...原创 2019-03-22 17:22:35 · 2141 阅读 · 0 评论 -
【Facebook分享】网页针对Facebook分享做爬虫优化(开放图谱标签)
App分享到Facebook在2019年政策上有了变化,将无法再通过指定分享的标题、描述、图片等,而是提供了在被分享的网页链接上加上特定的标签供Facebook的爬虫抓取来(Facebook称为开放图谱标签)。<meta property="og:url" content="https://dev.demo.com/test.php" /><meta property="...原创 2019-03-28 14:04:03 · 1925 阅读 · 2 评论