我怎样才能在html5画布中模仿svg的gradientTransform?

时间:2011-05-06 02:16:27

标签: html5 canvas svg

我现在正在开发一个将svg转换为html5画布的项目。

但是我发现在画布上实现gradientTransform没有api。

所以我不能100%将它们转换成相同的颜色。

有人知道一些事情吗?

1 个答案:

答案 0 :(得分:1)

实际上当你使用Canvas渐变时: createLinearGradient(float x0,float y0,float x1,float y1)

你可以定义x0 y0和x1 y1所以为了有一个旋转渐变你可以指定你的起点像0,0和最终像canvas.width,canvas.height

最后它看起来像svg旋转(-45deg)

有关更多信息,请参阅此令人敬畏的备忘单: http://simon.html5.org/dump/html5-canvas-cheat-sheet.html

另一种未经测试的方法可能包括在绘制渐变时使用canvas变换: 本教程是关于转换:https://developer.mozilla.org/fr/Tutoriel_canvas/Transformations