学习如何用HTML5画布实际绘制

时间:2011-10-01 14:11:35

标签: javascript html5-canvas

我正在努力学习如何绘制到画布,我阅读了很多资源,它们都教你关于API以及如何使用它来绘制等等我找到了很好的资源,问题是现在我知道如何使用API​​方法绘制,但我仍然无法弄清楚如何绘制!

不要误会我的意思,我不期待学习艺术概念等等,我说的是像心脏或钻石这样的简单形状,我如何找出坐标,{{1和我知道如何绘制弧线的所有东西都有x但我如何通过示例找出控制点坐标?

在矢量绘图软件中,您可以在绘图时获得视觉反馈,而且我知道使用画布更难和更复杂,但我不知道应该改进此功能的内容或方法。我甚至不知道我有什么能力可以提高......

我必须要善于数学吗?

任何团体都可以指导我以正确的方式学习如何绘制HTML5 Canvas吗?

1 个答案:

答案 0 :(得分:3)

善于数学是有帮助的。绘制“特殊”形状就是将它们定义为您已经知道如何绘制的形状。例如,一颗心是2个弧线,有2条对角线,我相信你知道如何绘制。钻石是4条对角线,每2条相对的线是平行的,所有这些线的长度相等。