在Canvas中的画布上绘制图案之前，我们必须要知道我们会在哪个地方画出图案。如此一来，我们就必须先了解Canvas的坐标系统，因为只有知道了Canvas的坐标系统，我们会知道图案会在画布中那个地方展示出来。

Canvas具有两个环境，一个是 2D 环境，另一个是 3D 环境。因为我们主要了学的是Canvas中2D相关的知识。在Canvas中的 2D 环境中，其坐标系统和我们的Web坐标系统（浏览器坐标系统）是一样的。坐标原点 (0,0) 在画布的左上角位置处。沿 x 轴向右为正值，没 y 轴向下为正值。在Canvas中，坐标点也可以是负值，如果为负值是，坐标会移到画布的外面。另外，在Canvas中其两轴坐标单位都是 px 。

现在我们对Canvas的 2D 坐标系统有了一定的了解，也为后续在画布中绘制图案打下了基础。在接下来的学习中，我们将学习如何在画布中绘制各种图形。如果你感兴趣的话，请持续关注后续相关更新。

分享给小伙伴们：

本文标签： Canvas/">Canvas

相关文章

发表评论愿您的每句评论，都能给大家的生活添色彩，带来共鸣，带来思索，带来快乐。