相关疑难解决方法(0)

D3 - SVG线中基线和线性插值之间的差异

我实施了一个多系列折线图,就像M. Bostock 在这里给出的一样,遇到了一个我无法解释的奇怪问题.当我选择线性插值并设置我的比例和轴时,一切都是正确的,并且值很好地对齐. 线性插值

但是当我将插值更改为基础时,如果不对轴和刻度进行任何修改,则线与轴之间的值不正确.

基础插值

这里发生了什么?通过单调设置,我可以实现与基础插值几乎相同的效果,但没有线和轴之间的同步问题.我仍然想了解发生了什么.

charts svg d3.js

17
推荐指数
1
解决办法
2万
查看次数

解释 - 通过控制点曲线的公式

我有一个关于通过控制点弯曲公式的问题.如你所知,HTML帆布具有quadraticCurveTo(x1, y1, x2, y2)x1 and x2作为控制点.

但是,当您尝试使用它绘制笔划时,笔划将永远不会触及控制点.

所以我们有这个公式:

x1 = xt * 2 - (x0 + x2) / 2;
y1 = yt * 2 - (y0 + y2) / 2;
Run Code Online (Sandbox Code Playgroud)

(xt, yt)=你要弯曲的点.t切线,因为它在该点垂直90度.

这会重新计算控制点位置.

我从一本书中得到了这个公式,但是这本书没有解释它是如何衍生出来的.我试过谷歌但是徒劳无功.

谁知道这个公式是如何衍生出来的?

谢谢,维恩.

math bezier canvas formula quadratic

7
推荐指数
1
解决办法
1936
查看次数

标签 统计

bezier ×1

canvas ×1

charts ×1

d3.js ×1

formula ×1

math ×1

quadratic ×1

svg ×1