leiyanting

导航

 
上一页 1 ··· 19 20 21 22 23 24 25 26 27 ··· 48 下一页

2021年10月1日

摘要: ###html5标签 <video>:Html5提供的播放视频的标签 src:资源地址 controls:该属性定义是显示还是隐藏用户控制界面 <audio>:Html5提供的播放音频的标签 src:资源地址 controls:该属性定义是显示还是隐藏用户控制界面 <source> 视频: type 阅读全文
posted @ 2021-10-01 13:45 leiyanting 阅读(452) 评论(0) 推荐(0) 编辑
 
摘要: ###音频&视频 大家都有在网页中浏览视频的经历,但在Html5之前,对视频乃至音频都还没有一个标准 因此在网页中看到的视频,都是通过第三插件的方式嵌入的,可能是QuickTime,也可能是 RealPlayer 或者 Flash。浏览器很好的整合了这些插件,你完全意识不到它们的存在 在介绍Html 阅读全文
posted @ 2021-10-01 10:04 leiyanting 阅读(291) 评论(0) 推荐(0) 编辑
 

2021年9月29日

摘要: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <title></title> <style> * { margin: 阅读全文
posted @ 2021-09-29 19:46 leiyanting 阅读(41) 评论(0) 推荐(0) 编辑
 
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="canvas" width="" height=""></canvas> </body> <script t 阅读全文
posted @ 2021-09-29 19:25 leiyanting 阅读(80) 评论(0) 推荐(0) 编辑
 
摘要: ###将画布导出为图像 toDataURL(注意是canvas元素接口上的方法) ###事件操作 ctx.isPointInPath(x, y) 判断在当前路径中是否包含检测点 x:检测点的X坐标 y:检测点的Y坐标 注意,此方法只作用于最新画出的canvas图像 阅读全文
posted @ 2021-09-29 11:30 leiyanting 阅读(133) 评论(0) 推荐(0) 编辑
 
摘要: ###全局透明度的设置 globalAlpha = value 这个属性影响到 canvas 里所有图形的透明度, 有效的值范围是 0.0 (完全透明)到 1.0(完全不透明) 默认是 1.0 ###覆盖合成 source:新的图像(源) destination:已经绘制过的图形(目标) globa 阅读全文
posted @ 2021-09-29 10:49 leiyanting 阅读(55) 评论(0) 推荐(0) 编辑
 
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } html,body{ height: 100%; over 阅读全文
posted @ 2021-09-29 09:26 leiyanting 阅读(30) 评论(0) 推荐(0) 编辑
 
摘要: ###在canvas中的像素操作 到目前为止,我们尚未深入了解Canvas画布真实像素的原理,事实上, 你可以直接通过ImageData对象操纵像素数据,直接读取或将数据数组写入该对象中 ###得到场景像素数据 getImageData():获得一个包含画布场景像素数据的ImageData对像,它代 阅读全文
posted @ 2021-09-29 09:04 leiyanting 阅读(98) 评论(0) 推荐(0) 编辑
 
摘要: ###在canvas中绘制文本 canvas 提供了两种方法来渲染文本: fillText(text, x, y) 在指定的(x,y)位置填充指定的文本 strokeText(text, x, y) 在指定的(x,y)位置绘制文本边框 ###文本样式 font = value 当前我们用来绘制文本的 阅读全文
posted @ 2021-09-29 08:45 leiyanting 阅读(178) 评论(0) 推荐(0) 编辑
 
摘要: ###在canvas中插入图片(需要image对象) 1.canvas操作图片时,必须要等图片加载完才能操作 2.drawImage(image, x, y, width, height) 其中 image 是 image 或者 canvas 对象,x 和 y 是其在目标 canvas 里的起始坐标 阅读全文
posted @ 2021-09-29 08:13 leiyanting 阅读(513) 评论(0) 推荐(0) 编辑
 
上一页 1 ··· 19 20 21 22 23 24 25 26 27 ··· 48 下一页