问题标签 [image-clipping]

我试图在 250x250 的图像周围放置一个漂亮的边框，只使用 html 和 css。标记是这样的：

而CSS是：

基本上，我希望 div 容器剪辑超出其边界的图片边缘。这将使用border-radius 属性（-moz-border-radius、-webkit-border-radius 等）实现圆角边缘效果——如果它确实有效或什至可以完成的话。寻找这方面的提示和技巧。谢谢。

而且，是的，我显然不是网页设计师 :)

我正在创建一个小部件，其中图像的一部分将突出显示，其余部分的不透明度为 0.5。

为此，我使用了两个图像。背面的完整图像，不透明度为 0.5。我想在前面突出显示的图像部分。前面的图像是 GWT 的 Clipped 图像。

我有一个场景，我必须调整背面图像的大小。有什么办法可以调整前面剪切的图像的大小？

我有一个 NSImage 里面有不同的图像。它内部图像的位置将始终保持不变，因此我需要指定一个矩形来获取矩形位置在图像内部的子图像。怎么可能做到这一点？

如何在没有插件的情况下在 jQuery 中剪辑图像？我想通过将所有图像放在一个图像中来创建一个 360 度图像旋转器，然后让 jQuery 导航到该主图像中正确的 X、Y 坐标，并在div.

我正在移植一个在图形环境中编写的应用程序，该应用程序允许在剪切矩形的边界之外进行绘图。有什么方法可以在 Android 中做到这一点？

我想将一个图像的一部分复制到另一个较小的图像中：换句话说，复制一个子矩形。

我有一个用于源的Graphics2D对象，我可以为目标制作一个对象，并且我知道targetGraphics2D.drawImage(Image img,....)，但是如何从sourceGraphics2D获取该img？

答案（按 aioobe）：源需要是Image而不是Graphics2D。

Image.subImage()是获取源相关部分的方法。

在触发嵌套在 Border 元素内的 TextBlock 的 MouseEnter 事件时，我想剪辑图像的特定部分（相当于 CSS 的背景位置：-1100px -24px）以将其放置为 Border 元素的背景。以下是到目前为止的代码：

XAML

C＃

有没有办法做到这一点？

我的网站有导航，显示为带有圆角的矩形按钮列表。

每个按钮都应该有自己的自定义背景，即一张照片。照片比按钮大，应该随着鼠标在此按钮上的移动而移动。我们有一个效果，就像我们正在透过窗户看一样。

导航具有以下 HTML 结构：“ul > li > a > img”。

我认为，每个“ul > li”应该是一个带圆角的矩形，并充当图像的剪贴蒙版。

设置“溢出：隐藏；” 不起作用，因为剪切区域是没有圆角的简单矩形。

CSS 属性，如下所示，在 Webkit 浏览器下工作，但在 Firefox 下不工作。

什么是跨浏览器的方法？

我正在开发一个用相机拍照的 iPhone 应用程序。此后应该可以将图像切成各种形状 - 最重要的三角形。谁能给我一个正确的方向或示例等。我已经可以切成正方形但不能切成三角形。

（更新）为了创建平方切片，我使用了以下代码片段

感谢所有帮助

问候

解决了：

我采用了屏蔽uiimage的方法。所以策略是 1. 从相机和比例尺上拍照。2. 让用户在 uiimageview 中绘制一个图形并用黑色填充它，然后从中创建一个 UIImage。3. 使用用户生成的图像屏蔽来自相机的图像。为了屏蔽图像，我使用来自http://www.developers-life.com/resize-and-mask-an-image.html的以下方法

}

谢谢大家的帮助

我可以使用 raphael.js 中的 clip-rect 属性显示图像的矩形部分。

您能否告诉我如何旋转该剪辑矩形区域（而不是图像）。也许我应该使用 clipPath svg attr？但它必须是 raphael.js 解决方案，以便 IE 的 vml 也会这样做？