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 · 86 阅读 · 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 · 139 阅读 · 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 · 1079 阅读 · 0 评论 -
正则表达式
正则表达式 <!-- g:表示全局 i:表示不区分大小写 m:表示多行 d:表示数字 D:表示非数字 s:表示空格 S:表示非空格 w:表示字符 W:表示非字符...原创 2018-07-01 14:57:38 · 121 阅读 · 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 · 238 阅读 · 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 · 586 阅读 · 0 评论 -
HTML5中的音频和视频
1 , 标签audio(音频) , vidio(视频)source2 , 引入<audio src = '地址'></audio>3 , 媒体元素controls:显示或隐藏用户控制界面autoplay:是否自动播放loop:媒体是否循环播放currentTime:开始到播放现在所用的时间duration:媒体总时间volume:0....原创 2018-07-07 23:05:57 · 577 阅读 · 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 · 95 阅读 · 0 评论