以下面的 url(image) 为例 https://res.cloudinary.com/demo/image/upload/w_220,h_140,c_fill/l_brown_sheep,w_220,h_140,c_fill,x_220,y_140/l_horses,w_220,h_140,c_fill,x_220,y_140/yellow_tulip.jpg
据我了解，第一张图片yellow_tulip 绘制在左上角的(0, 0) 上。第二张图片brown_sheep 来自(220, 140)，这是yellow_tulip 的右下角，因为(0, 0) 从画布的左上角开始。
根据我的理解，一切都有意义，直到第三张图片开始。horses 也从(220, 140) 开始，但它为什么从第二张图片的中心brown_sheep 开始？我真的很困惑。
【问题讨论】：
标签： cloudinary
应用叠加更改时，图像的尺寸会发生变化，因此在应用 x 和 y 坐标时应考虑到这一点。
坐标是从图像的中心计算的，但由于第一张图像中画布的大小是 220 x 140，因此将棕羊叠加层的坐标设置为 220 x 140 会使画布的大小翻倍为 440 x 280 .
表示以下 URL 现在是 440 x 280 https://res.cloudinary.com/demo/image/upload/w_220,h_140,c_fill/l_brown_sheep,w_220,h_140,c_fill,x_220,y_140/l_horses,w_220,h_140,c_fill/yellow_tulip.jpg
现在要将马覆盖在棕羊上，您需要将尺寸重新计算为以下 - https://res.cloudinary.com/demo/image/upload/w_220,h_140,c_fill/l_brown_sheep,w_220,h_140,c_fill,x_220,y_140/l_horses,w_220,h_140,c_fill,x_110,y_70/yellow_tulip.jpg
【讨论】：