我现在正在开发一个将svg转换为html5画布的项目。
但是我发现在画布上实现gradientTransform没有api。
所以我不能100%将它们转换成相同的颜色。
有人知道一些事情吗?
答案 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