小编dee*_*eep的帖子

HTML画布 - 绘制弯曲的箭头

我正在尝试在html画布中绘制弯曲的箭头.我没有问题画一条曲线,但我不知道怎么把它放>在线的末端(方向).

ctx.beginPath();
  ctx.fillStyle = "rgba(55, 217, 56,"+ opacity +")";
  ctx.moveTo(this.fromX,this.fromY);
  ctx.quadraticCurveTo(this.controlX, this.controlY, this.toX, this.toY);
ctx.stroke();
Run Code Online (Sandbox Code Playgroud)

我的想法是在最后占据一小部分线并绘制一个三角形.如何获得线中某点的坐标?

以下是更好理解的图像.

带箭头的曲线

html5 canvas draw html5-canvas

9
推荐指数
1
解决办法
6902
查看次数

标签 统计

canvas ×1

draw ×1

html5 ×1

html5-canvas ×1