matlab 水滴落水图,canvas 水滴图、液体进度条、仿加速球、圆球水波图

test

}#c{margin-top:20px;

}input[type=range]::before{content:attr(min);color:#000;padding-right:5px;}input[type=range]::after{content:attr(max);color:#000;padding-left:5px;}

当前浏览器不支持canvas 请升级！

let ctx=canvas.getContext("2d")

let oRange=document.getElementsByName("range")[0];

let M=Math

let Sin=M.sin

let Cos=M.cos

let Sqrt=M.sqrt

let Pow=M.pow

let PI=M.PI

let Round=M.round

let oW=canvas.width= 250let oH=canvas.height= 250let lineWidth= 2 //线宽

let r=(oW/ 2)//大半径

let cR=r- 10 *lineWidth

ctx.beginPath()

ctx.lineWidth=lineWidth//水波动画初始参数

let axisLength= 2 *r- 16 *lineWidth//Sin 图形长度

let unit=axisLength/ 9 //波浪宽

let range=.4 //浪幅

let nowra