Javascript 累进线宽

我正在学习如何使用画布，我想做一个绘画应用程序。我可以很容易地画线条和形状，但我不知道如何用同一条线将一条线的宽度从指定的大小更改为另一条

我想做一些类似的事情：

从点（0,1）到点（10,10）绘制一条线，大小从10到5

---

有可能吗？

试试这个，想法是画几条线

var can=document.getElementById（'canvas1'）；
var ctx=can.getContext（'2d'）；
功能抽绳（xo、yo、xf、yf、wo、wf、零件）{
var stepX=（xf xo）/零件；
var stepY=（yf-yo）/零件；
var stepW=（wf wo）/零件；
对于（var i=1；iPerfect！这正是我想要的！我也考虑过，但我想到了一些问题…但由于您的代码，这些问题已经解决了。谢谢您，所以我将尝试实时应用此代码。@Drago96有一个更好的解决方案，稍后发布，很高兴知道：可以通过减小步长值来提高分辨率。@K3N秒更好solution@Drago96第二是更好的解决方案