首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在HTML5画布中,我可以让y轴向上而不是向下吗?

在HTML5画布中,我可以让y轴向上而不是向下吗?
EN

Stack Overflow用户
提问于 2010-12-02 21:16:47
回答 4查看 18.2K关注 0票数 32

我在画布上画了一张图,并与y轴“向后”的事实作了斗争。原点在左上角,递增的值向下而不是向上。

代码语言:javascript
复制
(0,0)            (x,0)       (0,y) ^
      +-------------->             |
      |                            |
      |    CANVAS                  |     INSTEAD
      |    DOES THIS               |     OF THIS
      |                            |
      |                            +----------------->
(0,y) v                       (0,0)              (x,0) 

我知道我可以使用translate()将原点移动到左下角。

代码语言:javascript
复制
context.translate(0, canvas.height);

我知道我可以使用scale()来反转y轴。

代码语言:javascript
复制
context.scale(1, -1);

这似乎是可行的,除了它会导致文本颠倒显示。有没有办法让Canvas的坐标像我期望的那样工作?

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4335400

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档