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

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

本教程来自w3cplus.com，著作权归作者所有。

转载请注明：Rockyxia Web技术博客 » Canvas学习2：Canvas里的坐标系统
感谢阅读，如果您发现文章中有表述不准确，欢迎提出来，也欢迎交流相关问题，你可以去这里进行一对一问答交流。

继续浏览有关