Javascript 如何在xfl中使用GradientEntry？

这是xfl文件的相关部分，需要使用gradientEntry使用颜色填充形状。 上面的矩阵值可以帮助我得到起点和终点坐标 对于梯度。有人知道如何提取起点和终点坐标吗。不久前，我使用带有分解函数的EaselJS矩阵2D类来决定缩放、旋转、倾斜和平移（置换），做了类似的事情

我想做的是用画布在HTML5中绘制一幅xfl图片

---

我在编程方面有点新手，所以我的问题可能不是很清楚！很抱歉

我研究这个问题已经有一段时间了，但我还没有完全弄明白

这是在XFL文件中找到的一个典型的转换矩阵，但我不知道它到底转换了什么。我知道，如果你通过变换矩阵拉[0，0]并考虑层的局部变换空间（即，减去变换点），则得到梯度的中心。< /P> 但是，如果我变换[0,1]、[1,0]或[1,1]，结果与[0,0]几乎没有区别，因为变换矩阵中的值总是非常小。不过，似乎[1,0]至少指向了正确的方向。如果我把[1000,0]放进去，我会得到整个梯度长度的1/2

所以仅仅根据视觉，我会说梯度从[-1000,0]到[1000,0]。但这只是一个经验估计。如果有人有更好的估计，或者他们这样做的原因，我很想知道

<LinearGradient>
     <matrix>
         <Matrix a="0.0262451171875" d="0.009765625" tx="218.45" ty="83"/>
      </matrix>
      <GradientEntry color="#E63426" ratio="0.00392156862745098"/>
      <GradientEntry color="#CA271E" ratio="0.36078431372549"/>
      <GradientEntry color="#B31D19" ratio="0.749019607843137"/>
      <GradientEntry color="#AB1917" ratio="1"/> 
</LinearGradient>