html
天边那朵云
这个作者很懒,什么都没留下…
展开
-
html 空格
html 空格转载 2017-03-29 09:52:13 · 219 阅读 · 0 评论 -
页面通信
主页面和子页面都导入 signal.js在主页面 通过 iframe 或者 open方法打开子页面在子页面加载完成后开始通信主页面 const signal = new Signal(); signal.atob('from a'); 监听来自子页面的信息 signal.onmessage = function(msg){}子页面 const signal = new S...原创 2019-06-26 08:45:37 · 241 阅读 · 0 评论 -
js计算matrix 实现transform
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...转载 2019-05-23 14:59:28 · 4194 阅读 · 0 评论 -
webgl
注: canvas全屏的时候不要用 canvas.style.width 和canvas.style.height 给100%, 图像会失真; 直接 canvas.width = window.innerWidth; canvas.height = window.innerHeight; 或者 canvas.width = document.docume...原创 2019-05-23 09:00:10 · 4453 阅读 · 0 评论 -
canvas绘制多边形
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> canvas { border: 1px solid red; } &l...原创 2019-05-15 17:15:12 · 1426 阅读 · 0 评论 -
js实现xlsx, xls转json
思路用前端页面提交数据 用node进行写入数据的过滤逻辑在index.html中完成 node只进行写入操作文件目录如下需要现在根目录下启动index.jsnode index.js默认端口号是8081前端页面显示如下<!DOCTYPE html><html lang="en"><head> <meta...原创 2019-03-27 08:57:35 · 2631 阅读 · 0 评论 -
前端面试题
实现如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&am原创 2019-02-27 11:59:36 · 154 阅读 · 0 评论 -
从当前页面跳转到另一个页面的指定区域并改变指定区域的背景色
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial原创 2019-01-30 11:18:31 · 697 阅读 · 0 评论 -
Vue生命周期
转载 2019-01-16 11:13:32 · 106 阅读 · 0 评论 -
width(),outerWidth,innerWidth,clientWidth,clientX, screenX的区别
文章转载来自 https://segmentfault.com/a/1190000010746091$(window).width()与$(window).height()$(window).width()与$(window).height():获得的是屏幕可视区域的宽高,不包括滚动条与工具条。$(window).width() = width + padding$(window)...转载 2019-01-18 10:11:46 · 399 阅读 · 0 评论 -
web实现rtsp和rtmp协议视频直播
在chrome41以下可以使用vlc控件实现 其他浏览器包括IE也能用 当然IE可以用它特有的ActiveX控件但是高版本的浏览器除IE外 vlc无效rtsp:高版本的chrome可以通过应用商店安装 VXG 播放器后 实现直播(安装时需要翻墙)不需要后台可直接实现延迟大概是2s具体使用方法https://www.videoexpertsgroup...原创 2018-09-27 18:06:23 · 6542 阅读 · 1 评论 -
js视频抓图
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial原创 2018-09-20 09:53:02 · 991 阅读 · 0 评论 -
JS调用摄像头
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial原创 2018-09-06 09:44:11 · 1816 阅读 · 0 评论 -
将videojs 视频绘制到canvas上
文章转载自嘿嘿嘿https://blog.csdn.net/qq_37540004/article/details/90750529原理1.原理其实很简单,做过全景图的同学都知道,球模型+全景图片贴图。 全景视频/全景直播就是 球模型+全景视频素材 。2.至于播放器样式,可以自己用Js+Dom自定义,或者更改videojs(别的播放器插件也行)的样式 即便你是用原生video也是可...转载 2019-07-25 10:42:33 · 4651 阅读 · 0 评论