Comments (1)
demo中计算控制点的for循环,当index=0时,self.series.data[index - 1]
是取不到值的
for(var index = 0; index < this.series.data.length; index ++) {
var last1X = diffX * (index - 1),
last1Y = Math.floor(self.height - diffY * (self.series.data[index - 1] - dataMin)),
last2X = diffX * (index - 2),
last2Y = Math.floor(self.height - diffY * (self.series.data[index - 2] - dataMin)),
//...
}
导致计算出的第一个组控制点的y坐标都是NaN
{
cAx: -36
cAy: NaN
cBx: -24
cBy: NaN
nowX: 0
nowY: 8
t: 0
}
后面draw方法中self.ctx.bezierCurveTo(ctrlAx, ctrlAy, ctrlBx, ctrlBy, x, y)
也没报错,有点不太理解
https://aaaaaaaty.github.io/blog/canvas/canvasBezier/test.html
from blog.
Related Issues (20)
- 用canvas实现视频播放与弹幕功能 HOT 5
- 基于canvas使用贝塞尔曲线平滑拟合折线段 HOT 8
- 基于canvas使用粒子拼出你想要的文字 HOT 7
- 11
- 基于canvas使用粒子拼出你想要的文字[2]——粒子的动画效果
- bezierMaker.js——N阶贝塞尔曲线生成器 HOT 6
- canvas进阶——实现静态图像的变形并合成动态效果 HOT 6
- 基于JavaScript求解八数码的路径搜索并生成动画效果 HOT 4
- 记一次“失利后”经过半年准备通过阿里社招的经历与感悟 HOT 25
- aaa HOT 1
- 由一个“bug”到鲜为人知的jQuery.cssHooks
- 结合kmp算法的匹配动画浅析其基本** HOT 3
- 有掘金地址吗 HOT 1
- 你好 我想请问下 我根据您写的绘制贝塞尔曲线,拿到的[x,y]的数据 如何让物体跟随运动
- 淘系技术部-用户增长团队内推指南
- 阿里面试评级 HOT 2
- 怎么更好的阅读博客?
- 请问一下基于JS的深度优先搜索生成动画怎么解啊
- 回顾从学生到阿里,经历的几次蜕变 HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from blog.