![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
未尛
这个人很懒~什么都没留下
展开
-
canvas(1)
<!-- 角度和弧度的关系: 180° = π rad(弧度单位) --> 1 , canvas的画布 let xtc = document.getElementById('canvas').getContext('2d') ; 2 , canvas的画布大小 在行间样式设置width和height,否则会出现画布模糊等问题 <c...原创 2018-06-22 21:07:43 · 96 阅读 · 0 评论 -
Canvas(2)
6 , canvas中的文字 cxt.font = "italic small-caps bold 12px arial"; <!-- font:设置字体大小和字体的样式 italic:斜体 small-caps:规定字体变体 bold:加粗 12px:字体大小 arial:字体...原创 2018-06-23 12:31:12 · 158 阅读 · 0 评论 -
Canvas小球碰撞和连线效果
<!-- html部分 --><canvas id="canvas" style="border: 1px solid #cccccc"></canvas><!-- js部分 -->//画布let c = document.getElementById('canvas') ;let cxt = c.getContext('2d') ;//画布的宽高...原创 2018-06-23 12:53:44 · 1114 阅读 · 0 评论 -
正则表达式
正则表达式 <!-- g:表示全局 i:表示不区分大小写 m:表示多行 d:表示数字 D:表示非数字 s:表示空格 S:表示非空格 w:表示字符 W:表示非字符 ...原创 2018-07-01 14:57:38 · 135 阅读 · 0 评论 -
Canvas(3)
12 , canvas中的贝塞尔曲线 (1):二阶贝塞尔曲线 ctx.quadraticCurveTo(cpx,cpy,x,y); <!-- cpx 贝塞尔控制点的 x 坐标 cpy 贝塞尔控制点的 y 坐标 x 结束点的 x 坐标 y 结束点的 y 坐标 ...原创 2018-06-28 19:51:26 · 277 阅读 · 0 评论 -
canvas文字粒子
let canvas = document.getElementById('canvas') ; let cxt = canvas.getContext('2d') ; let w = canvas.width ; let h = canvas.height ; let text = document.getElementById('text') ; let button = document...原创 2018-07-13 11:27:58 · 614 阅读 · 0 评论 -
HTML5中的音频和视频
1 , 标签 audio(音频) , vidio(视频) source 2 , 引入 <audio src = '地址'></audio> 3 , 媒体元素 controls:显示或隐藏用户控制界面 autoplay:是否自动播放 loop:媒体是否循环播放 currentTime:开始到播放现在所用的时间 duration:媒体总时间 volume:0....原创 2018-07-07 23:05:57 · 649 阅读 · 0 评论 -
瀑布流布局
function init(parent,child){ // 获取最小值的下标 function getMinIndex(arr , min){ for(let i in arr){ if(arr[i] === min){ return i ; } } } //获取列 let cont = $(parent) ; ...原创 2018-08-09 02:59:51 · 118 阅读 · 0 评论