随笔分类 - 前端
摘要：用的属性为 实例： 语法 | 值 | 描述 | | : | : | | animation name | 规定需要绑定到选择器的 keyframe 名称。。 | | animation duration | 规定完成动画所花费的时间，以秒或毫秒计。 | | animation timing func
阅读全文
摘要：a标签的功能：实现跳转功能 a标签的重要属性：href，target href的值为跳转目标的地址，如果是跳转页面的话，需要这个页面的超链接。 target的值有四个：_blank、_self、_parent、_top _blank:表示从在新的窗口打开页面 _self:表示在当前的窗口打开页面 _
阅读全文
摘要：HTML5实现按键打开摄像头和拍照 步骤： 1、创建一个打开摄像头按钮的标签、video标签、拍照的按钮标签、画布 2、实现打开摄像头的功能 3、实现拍照功能 具体实现代码： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>tak
阅读全文
摘要：navigator.mediaDevices.getUserMedia： 作用：为用户提供直接连接摄像头、麦克风的硬件设备的接口 语法： navigator.mediaDevices.getUserMedia(constraints).then(function(mediaStream) { ...
阅读全文
摘要：思考：为什么网页中的定义的任何对象、变量和函数，都是以window作为其Global对象 1、任何对象可以是以window作为其全局变量，是因为我们在创建对象的时候，我们可以给属性赋上window对象 类的定义：对事物的描述 对象的定义：对具有具体属性（变量）和函数（方法）的承载体 定义对象： 例如
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>绘制矩形</title> </head> <body> <canvas id="drawing" height="500" width="500">A drawing of some
阅读全文
摘要：js中说明的上下文表示的意思为C++中作用域（个人理解），因此2D上下文说明的是这个2D的作用域 像素：用来描述图片清晰度的小矩阵 填充和描边 填充：context.fillStyle = "yellow"; 描边：context.strokeStyle = "red"; 如果单纯的使用这两个属性，
阅读全文
摘要：<canvas> 作用：在页面中设定一个区域，然后通过JavaScript动态在这个区域中绘制图片 基本用法： 1、要使用canvas元素标签，一定要设置width和height 2、也可以通过CSS对他的样式进行修改 <!DOCTYPE html><html> <head> <meta chars
阅读全文
