
canvas
天空之枫
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
canvas 绘制函数
以sin 函数为例y = Asin(Bx+C)+D;A 表示振幅,A值越大,振幅越大周期:2Π/B相移:-(C/B),在B不变的情况下,C为正值时曲线向左移动,C为负值时,曲线向右移动D:是垂直位移,控制曲线上下移动核心代码:for(let x = startX;x<startX+canvasWidth;x+=20/canvasWidth){ const y = waveHeight*Math.sin((startX+x)*waveWidth+xOffset);原创 2021-04-11 14:25:30 · 577 阅读 · 0 评论 -
canvas 的globalCompositeOperation用法和实际样式
具体代码如下,直接复制,运行,切换一下就可以看到实际效果了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca原创 2021-03-26 09:02:04 · 541 阅读 · 0 评论 -
Math.sin(Math.PI)不等于0?
1.Math.sin()的参数,必须是一个弧度表示的角,角度数xMath.PI/180 即为当前角度数的弧度值,30度角的sin()的写法为:Math.sin(30*Math.PI/180)2.180度转换理论上等于Math.PI,但由于cpu在运算的时近似处理,所以并不相等.3.常规代数里,是等于0,当时cpu运算得时候,只是近似与04.计算机语言数值型数据都是二进制表达得,所以在进行通过Math.round()函数来解决.Math.round(Math.sin(Math.PI)*.原创 2021-03-17 15:25:04 · 3037 阅读 · 2 评论