问题标签 [image-clipping]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2241 浏览

android - 剪辑路径问题

我编写了自己的折线类,它基本上保留了可以使用矩阵修改的点列表。多段线可以添加到其他多段线并在公共端点处连接。当终点等于起点时,折线将代表一个多边形。

然后,我有一种方法可以通过使用一系列 lineTo() 调用迭代点列表来将我的多边形转换为 Path 对象。然后,此路径将作为我 View 的 onDraw 方法中的剪辑路径应用到画布上。

它非常适合复杂的多边形,我可以绘制该路径来验证它的准确性。

到目前为止一切都很好,除了当我有一个中间有一个不规则孔的复合多边形时我注意到了一些问题。我现在应该停止称它为多边形,因为它是另一个多边形内的多边形。

例如,考虑下图,其中外框和中间的“城堡”形状都是用作剪辑路径的同一 Path 对象的一部分。# 代表绘制区域。

我希望外盒外面和内部“城堡”形状内的所有东西都被剪掉。我看到的问题是内部形状没有被正确剪裁。似乎是光线追踪算法的问题。

任何想法都会有所帮助。

编辑:另外,我尝试测试每个 Region.Op 模式,但都没有解决问题。我怀疑我需要采取措施来检测是否存在“漏洞”并做一些有创意的事情。

0 投票
2 回答
1069 浏览

wpf - 缩放和平移后如何计算图像的剪切区域

我在画布上有一个图像,一个 ScaleTranform 和一个 TranslateTransform 附加到图像的 RenderTranform。因此,通过一些鼠标事件处理,我可以在画布的 350 x 450 范围内移动和缩放图像。

经过一些缩放和平移后,我将如何计算原始 BitmapImage 上的剪切矩形到屏幕上可见区域的剪切矩形。我想裁剪原始的 BitmapImage。

谢谢

0 投票
2 回答
2478 浏览

jquery - JQuery Draggable - 限制到父级,但允许在父级下滑动?

我正在使用JQuery Draggable 插件。我正在尝试创建一个图像编辑控件,用户可以在其中移动(并最终调整大小)可拖动图像。如果你看这里的演示,你会看到你可以拖动灰色框,如果它超出了框架的范围,你会看到滚动条出现,你可以继续拖动。我想在没有滚动条的情况下实现相同的功能。您应该能够拖动图像,如果图像超出框架的边界,它应该看起来在框架下滑动。框架不应变大,或出现滚动条。我认为这应该是可能的,但我还没有找到使用我找到的文档的方法。这是我的代码:

问题:如何使可拖动对象在拖动时<img>看起来在父级下方滑动<div>- 但没有出现滚动条?

更新:我想得越多,我认为我应该重新提出我的问题。我真正想做的是让我的父<div>标签像我的可拖动的蒙版/剪切路径<img>。里面的图像实际上可能比里面的要大,<div>但只有里面的东西<div>是可见的。您应该可以随意拖动其中的<img>周围<div>

0 投票
1 回答
1697 浏览

android - 如何判断图像何时被剪切?

如果我有一个包含 ImageViews 的 LinearLayout,我如何编写代码来判断哪个(如果有)被屏幕边缘裁剪?

我想像这样的东西,如果没有人被剪裁,它将返回一个索引或 0。函数调用的语义并不重要......我只需要一些方法来判断是否有剪辑,如果有,是谁?

0 投票
1 回答
1147 浏览

javascript - Html5 Canvas + fabric.js 的独立合成

我需要用画布做类似下图的事情。

点击这里查看

用户将图像拖放到黄色边框的正方形上,而不是更改图像的大小位置。图像将被剪裁在黄色边框内。我想使用剪裁但是,当使用全局剪裁时。图像在其他部分运行。我该怎么办?我希望它们表现得像独立的剪辑区域。

0 投票
0 回答
1066 浏览

ios - iPhone中的UIView和图像剪辑?

假设我有一个中间的圆圈是透明的图像,我使用 drawRect 函数绘制如下图所示的正方形。

然后我想要做的是获取第一个图像的 alpha 层,圆形作为路径,然后应用在我绘制的正方形上并剪辑它并像最终图像一样绘制,只是希望它在圆形路径上绘制。

预先感谢。

在此处输入图像描述 在此处输入图像描述 在此处输入图像描述

0 投票
2 回答
3146 浏览

iphone - 如何在 iPhone 中裁剪图像

我想做和这个问题一样的事情。在我的应用程序中,我想像在 FaceBook 中进行图像裁剪一样裁剪图像,任何人都可以通过优秀教程的链接或任何示例代码来指导我。我提供的链接将完全描述我的要求。

0 投票
1 回答
529 浏览

c# - 滚动时平滑图像剪辑

因此,当您使用 PhotoChooserTask 时,我试图实现类似于原生裁剪器的效果。如果您不熟悉,背景中有一个顶部有边框的图像,并且图像在进出边框时似乎会改变不透明度。下面的代码工作正常,但不是很流畅(剪辑的图像稍微落后于拖动运动)。有什么方法可以加快剪辑或更改内容以减少延迟?我有以下 XAML:

这是滑动期间跟踪和剪辑的代码:

0 投票
1 回答
1586 浏览

objective-c - 创建一个不规则形状的框架

我创建了一个画布,其中显示了一个在越过边缘时被剪裁的图像。我可以用方形框架来做这件事,但是我想要使用的框架是下面的那个。有什么方法可以在框架内剪辑图像而不必在图像周围添加非透明方形边框,即只使用我已经绘制的黑线?(在 iPad 上)

在此处输入图像描述

0 投票
1 回答
2926 浏览

imagemagick - ImageMagick 在将 PSD 文件转换为 GIF、PNG、JPG 文件时可以在多大程度上保留剪切路径?

我们有一个 PHP 工具,它通过调用ImageMagick将图像从 PSD 转换为其他格式

为了潜在地扩展该工具的功能,我现在需要了解“ ImageMagick 将 PSD 文件转换为 GIF、PNG 和 JPG 文件关于剪切路径的可能性”,例如回答以下问题:

  • ImageMagick 是否可以将 PSD 文件转换为 GIF/JPG/PNG 并保留剪切路径,以便以后可以进一步编辑?

  • 还是 ImageMagick 只能将 PSD 文件转换为 GIF/JPG/PNG,从而将剪切路径之外的所有内容转换为透明区域

  • 从 PSD 文件支持的意义上说,GIF、PNG 和 JPG 中的每一种格式是否都支持剪切路径?