首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在透明圆圈上绘制图像并裁剪图像

在透明圆圈上绘制图像并裁剪图像
EN

Stack Overflow用户
提问于 2012-10-24 04:51:51
回答 2查看 7.6K关注 0票数 3

我有一个背景图像:

在上面我融合了一个圆(或月食):

这样,等于圆的面积在背景图像上就变得透明了,就像这样:

我使用php和图像magick来实现这一点。

现在,我必须在洞里插入一幅图像,这样:

  1. 图像呈现在背景之上,因此只有相当于照片孔的图像区域是可见的。
  2. 当我在照片孔中拖动图像时,图像在背景后进入图层,当再次释放时,图像将作为步骤1重新呈现。
  3. 我还需要裁剪在步骤1中呈现的图像。

如何在php中使用图像magick实现这一点?任何指点或帮助都会非常有用。

要在图层背景下传输图像,可以使用z索引进行吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-12-01 20:01:53

为了达到上述目的,我采取了这一行动:

  1. 我把一个图像放在一个div中(正好围绕着圆圈),它就在背景图像的后面。div隐藏了溢出,因此我可以包含图像。
  2. 为了拖动图像,我将鼠标向下转移到背景图像上的事件到下面的div。这可以使用jQuery触发器来完成。
  3. 现在,为了裁剪图像,我计算图像的x,y偏移量以及相应的裁剪高度和宽度,并将数据发送到服务器以进行裁剪。

希望这能帮到别人。

票数 0
EN

Stack Overflow用户

发布于 2012-10-24 09:25:38

将图像裁剪到与圆圈相同的维度,然后将其放置在位于posX、posY等位置的背景图像上,可以作为一个很好的直接解决方案。

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

https://stackoverflow.com/questions/13043206

复制
相关文章

相似问题

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