在HTML5中绘制折线

用户名

如何在svg中的三个点之间绘制polyLine,并且应该看起来像所附图像中的曲线。我用红色的虚线标出了三个点,使用它可以像图中一样获得一条折线

enter code here
var X = (1 - t) * p0.X + t * p1.X;
var Y = (1 - t) * p0.Y + t * p1.Y;

我使用上面的公式来计算点(在我的控制点之间计算256个点以获得平滑多段线),以便使用我的三个控制点绘制多段线。但它不起作用

斯图尔特·本特利

您需要在path元素上设置fill =“ none”以及适当的笔触属性。

Also, you shouldn't need to do any math for this: just setting the d attribute to "M" + the (space/comma separated) X and Y of the first point + "T" + the (space/comma separated) X and Y of the second and third point should be enough.

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在保留图像的同时在HTML5 Canvas中绘制图像

来自分类Dev

HTML5 Canvas:向不断绘制的图像添加碰撞

来自分类Dev

在HTML5画布中的鼠标移动上绘制半透明线

来自分类Dev

绘制HTML5 Canvas脉冲线

来自分类Dev

RXJS在HTML5画布上绘制线条

来自分类Dev

在背景缩放上绘制HTML5画布

来自分类Dev

查找在HTML5画布中绘制的对象的位置

来自分类Dev

如何使用JavaScript在HTML5 Canvas中绘制圆?

来自分类Dev

我怎么知道HTML5 Canvas完成绘制的时间?

来自分类Dev

如何获取HTML5 Canvas中绘制弧的宽度和高度?

来自分类Dev

如何在html5 canvas中绘制Fabric js strokeRect?

来自分类Dev

在画布HTML5上绘制视频

来自分类Dev

画布HTML5中绘制图像对象的限制区域

来自分类Dev

html5使用bezierCurveTo绘制高斯函数

来自分类Dev

如何在html5中绘制音频流的波形?

来自分类Dev

在html5中绘制对角线

来自分类Dev

在HTML5中绘制对象时减少JavaScript标记

来自分类Dev

HTML5 Canvas线条未绘制

来自分类Dev

HTML5 Canvas无法绘制

来自分类Dev

在Java中绘制折线

来自分类Dev

如何将事件添加到使用html5绘制的矩阵中?

来自分类Dev

在html5中的画布内绘制.tmx平铺的地图

来自分类Dev

无法在Phonegap中的HTML5画布上绘制图像

来自分类Dev

从在HTML5 Canvas中绘制某些动画中消除闪烁

来自分类Dev

查找在HTML5画布中绘制的对象的位置

来自分类Dev

将在画布上绘制的图像的坐标保存在变量/对象-HTML5中

来自分类Dev

为什么不能在HTML5 Canvas中绘制图像阵列?

来自分类Dev

将axisX日期转换为HTML5 5折线图中的文本

来自分类Dev

使用javascript在html5中绘制图像