本文深入探讨了在canvas上渲染图片和文字水印时的坐标问题，揭示了两者在渲染机制上的差异。图片水印以左上角为起点向右下角渲染，而文字水印则从左下角向右上角渲染，这种不同的渲染方向导致了它们在相同坐标下不会叠加。此外，文章通过实例展示了这一现象，并通过调整大小进一步证实了这一理论。
目录
专栏总览《音视频开发》系列-总览
前言
图片和文字是我们日常生活与工作中接触到的最普遍的视觉元素，每天任何时间任何地点几乎都能看到它们，在接触过程中你没有想过它们是如何展示的，特别是在网页中是如何渲染的？
图片和文字渲染坐标问题揭秘
当我们在画布canvas上渲染图片和文字水印时，一般会有x坐标、y坐标、大小等相关参数，它们是怎么使用的呢？我们都知道，屏幕显示渲染内容的坐标原点在左上角，那么文字和图片在屏幕渲染时的机制是否完全一样呢？如果不一样，又有什么不同呢？今天我们就带大家来一探究竟。
图片水印
如果渲染图片水印的话，一般会有x坐标、y坐标、宽、高等参数，具体含义我们都比较好理解。
canvas渲染图片相关的参数可以参考下面的表格：
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
