问题标签 [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.
html - 背景图像在视口之外被截断
不守规矩网站的网址：http ://chrism.se
上线后我们发现如果视口对于内容来说太小，以至于需要滚动，背景图像（body-tag，repeat-x）不会超出初始视图，但我不能为我的一生弄清楚为什么以及如何解决它。需要记住的一点是，我没有自己编写网站代码，因为我不是那么精通 Javascript，而且设计师想要一些 swooshy 效果。我的高级同事当然可以找到补救措施，但不幸的是他不在，我想结束这件事。
html 和 css 的状态与我发现该问题时的状态相同，但我尝试了在类似问题上看到的建议，主要围绕 min-width。我真的不明白背景之间的区别仅与视口一样宽吗？我的问题？
全视图 = i.imgur.com/6aDpN.jpg
svg - SVG clipPath 将 *outer* 内容剪掉
通常，该<clipPath>元素会隐藏剪辑路径之外的所有内容。为了达到相反的效果——即从图像中“剪掉”一些东西——我想在 clipPath 和clip-rule="evenodd"属性中使用两条路径。基本上，我想“异或”剪辑路径。
但它不起作用。它显示区域“ORed”：
编辑：
我的问题是 AFAIK<mask>在 iOS WebKit 中不起作用。
wpf - 即使不需要剪辑，WPF 也会进行剪辑 - 如何将其关闭？
我需要从 a for anListBox中指定的内容中浮出一些内容。我正在使用，但内容被限制在边界上。适用于整个视觉树。DataTemplateListBox.ItemTemplateRenderTransformListBoxClipToBoundsFalse
我在某处读到 WPF 在内部执行一些剪辑，即使没有指定专用剪辑属性也是如此。我还发现使用Canvas有时可以解决剪辑问题，但在这里没有帮助。
我该如何克服这个问题？这是我要修复的一些 XAML。请注意矩形的整个左侧部分丢失。
iphone - iPhone - 如何在视图中绘制一些东西
我有这段代码：
而且我想知道如何让它绘制到指定的视图中，并将参数传递给我的函数的剪切矩形。提示：我不介意drawRect，我没有继承任何东西。
提示 2：我不想插入以后无法删除的任何图层。
提示 3：这段代码没有画出我眼睛能看到的任何东西..... :-( 缺少图形端口？
提示 4：我想擦除绘图，只需更改背景颜色，就完成了……
cocoa - NSView 上的圆角矩形剪辑所有包含子视图
我正在创建一个NSView具有圆角的子类。这个视图是一个容器，其他子视图将被添加到其中。我试图让圆角NSView也剪辑所有子视图的角，但我无法得到它。
红色只是举例。如果我向矩形添加子视图，则不会剪裁角：
我怎样才能做到这一点？
android - 滚动视图内的glsurfaceview，移动但不裁剪
我有一个内部带有线性布局的滚动视图。此线性布局中的元素之一是 glsurfaceview。
这一切正常，当我滚动glsurfaceview时上下移动但是当glsurfaceview到达它应该被剪切的滚动视图的顶部或底部时，它不是并且在滚动视图之外继续。此屏幕截图应该更清楚：
不要认为它是完全必要的，但这是我的 layout.xml：
非常感谢所有帮助:)
svg - 我可以在不指定剪辑路径 ID 的情况下在 SVG 中应用剪辑吗？
在我的标记中，我有一个这样的块：
我想要做的是抓取该块并将其克隆到不同的 svg 根元素中以创建一堆楔子，每个楔子都有不同的位置和剪辑段。这部分很酷，但令人沮丧的是，每个克隆的 clipPath 元素都需要接收一个新 ID，然后必须将其插入到匹配元素的 clip-path 属性中。
我知道如果所有弧的长度相同，我可以有一个共同的剪辑并使用旋转变换，但它们不一定是相同的长度。
是否可以使用拓扑关系而不是通过显式命名来声明剪辑多边形？或者，在使用路径之外，是否有更好的方法来定义这样的弧？
谢谢。
c++ - C++：优化一个简单的图像剪辑操作...太多的 if() 语句
我这里的代码是初步的。我专注于剪裁程序。似乎有很多 if() 语句，我希望有人能有一个聪明的方法来优化它至少一点点。
如果您想知道 m_nStride 是什么，它是添加到任何给定像素指针以到达其正下方的像素（y + 1，x + 0）的元素数。但无论哪种方式，这与我的问题无关。
总体思路是使用左、上、宽和高坐标填充图像的矩形区域（32-bpp）。在坐标会导致该区域跨越图像边界的情况下，该区域将被剪裁以适合图像内部，而不是被解释为错误。
silverlight - Silverlight 中的 PopUp 未被容器控件裁剪
这里简单但令人沮丧的问题......
我有一个弹出控件。
它包含在一个网格中，该网格定义了一个 Grid.Clip。
PopUp 在 Grid 的裁剪区域之外仍然可见。
IE
理想情况下，绿框不应出现或“溢出”红框之外。问题是它包含在 PopUp 中，因此会流血。如何修改它（不删除 PopUp 控件），以使 PopUp 不会在其包含控件之外流血？
google-chrome - Chrome - 儿童剪辑css3圆角边框？
请参阅以下 JSFiddle：
请注意，子 div 剪辑了其父级的边框。如果我删除边框（但保留圆角），项目会按我们的预期剪辑。Firefox 4 按我的预期呈现这个标记，在边框开始之前剪辑项目。但是，Chrome 在到达边框的外边缘之前不会剪裁子项。
谁的这种行为是正确的，是否存在黑客行为？如果它是一个将被修复的错误，我可以将它留在 chrome 中，但如果它在 Chrome 中呈现为规范，我将需要调整布局。
（在您投票关闭之前请注意，这是一个与多个线程不同的错误，该错误与关于 firefox 3.5/Chrome 错误的多个线程不同，该错误会阻止项目被圆形边框完全剪裁）