问题标签 [clip]

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 投票
3 回答
8475 浏览

java - 自定义边框外的组件绘制

在这个自定义边框类中,我定义了一个RoundRectangle2D形状。该对象用于绘制边框。不幸的是,由于painta 的方法JComponent调用paintComponentbefore paintBorder,将Graphics剪辑设置为RoundRectangle2D形状没有效果;即使我发出repaint. 因此,组件将在其边界之外绘制,这是可以理解的。

所以,我想知道:如何让组件在自定义边框内绘制?

我考虑的一种方法是在方法中获取组件的Border对象paintComponent。然后将此对象转换为适当的类,在其中定义将影响剪辑的参数。但这似乎不是一个“健全”的设计。


编辑 -

在此处输入图像描述

红色圆圈突出显示组件超出其边界的位置。

0 投票
1 回答
958 浏览

iphone - iPhone如何剪掉椭圆的一半

我画了椭圆:

但我只需要一半椭圆,有没有办法剪掉另一半?

0 投票
1 回答
515 浏览

android - Android在TextView中剪辑文本的上部

我需要两个 TextViews 显示相同的数字,第一个应该显示上半部分和第二个下半部分,以便以不同的方式为这些部分设置动画。(见下图,有一个带有“8”位的例子)。

http://img403.imageshack.us/img403/2461/bottomtop.png

虽然裁剪底部非常简单(设置 TextView 的高度就足够了),但我发现第二个任务非常困难。到目前为止,我想出的唯一解决方案是将 TextView 包装到某个布局中并将其 y 位置设置为负数 - 可以,但我需要关心优化,因为会有很多数字同时以这种方式动画。

你们中有人知道如何以更有效的方式实现这一目标吗?

0 投票
1 回答
363 浏览

iphone - iPhone 如何剪辑新月图案

在堆栈溢出的帮助下,我开始熟悉 iPhone 中的石英绘图。我想制作剪辑新月图案的代码,这是我到目前为止所拥有的,但它并没有像我预期的那样工作:

准确地说,第一段代码绘制圆(这有效),第二段应该从中剪出椭圆,但这没有按预期工作。

0 投票
1 回答
303 浏览

iphone - iPhone如何在圆圈内夹圈?

我有两个圆圈,一个大一个小。我想从较大的圆圈中剪下较小的圆圈,然后使用该新形状(带有孔的大圆圈)将其应用于任意图像。我玩了一点石英,但找不到解决办法。有什么简单的方法可以做到这一点?

0 投票
1 回答
480 浏览

android - 在android中同时绘制剪切平面和线框

我正在尝试剪辑3D 模型。它适用于阴影模式,但仅在某些设备中处于线框模式时应用程序崩溃。使用有什么问题glClipPlanef and GL_LINES吗?

glDrawElements(GL10.GL_LINES, 6*numberOfFaces, GL_UNSIGNED_SHORT,shortBuffer )用来画线框。

0 投票
2 回答
3607 浏览

html - 动画剪辑区域元素

几个月来,我一直使用 stackoverflow.com 作为灵感和解决问题的来源。到目前为止,我从来没有遇到过没有解决方案的问题,这就是我首先想在此介绍自己的原因,并与所有感兴趣的人分享我的问题。

在过去的几周里,我尝试在画布元素上设置某些形状和线条的动画,以创建一些有趣的效果 - 例如手写或类似效果。
为了实现这一点,我使用了一些利用 canvas 元素的 .clip() 命令的技术,来隐藏和逐渐显示预渲染图像(表单、线条......)“等待”的区域。我在这里遇到的问题与决定画布元素中剪切区域的变量有关。增加(但不减少)动画中的值似乎有一些奇怪的问题。
由于这一切听起来很奇怪,我知道,这是我正在谈论的代码的相关部分。

上面的代码工作得很好。它在 400*400 的画布中绘制一个矩形,将其用作剪切区域,然后绘制圆形,然后对这个圆形进行相应的剪切。通过动画间隔,剪裁矩形的长度减少到测试值 150。到目前为止,一切都很好。但是,让我连续数小时百思不得其解的部分来了:

如果我翻转整个动画,从剪裁矩形的宽度 150 开始,然后使用 recW++ 将其增加到测试值 200,突然动画不再起作用。变量的逐渐增加没有问题,但可见剪切区域没有增加。

我怀疑我可能只是在这里忽略了明显的问题,但我似乎根本找不到错误,如果有人能指出我正确的方向,我将非常感激;)

非常感谢
Tricon

0 投票
2 回答
600 浏览

css - 如何有多个 css 剪辑精灵?

我想要一排图像,我用 pnmcat -lr 将它们组装成一个。我不想要图像映射,因为这些碎片被交换为突出显示。我有有意义的图像,所以我想要<img>而不是背景。

有希望的例子似乎是http://css-tricks.com/css-sprites-with-inline-images/http://1plusdesign.com/articles/css-clip-property-inline-image-sprites/。后者甚至显示一些html,连续三个img。

但是在下载演示时,它只是单独使用它们。当我粘贴演示 1 中的 div 时,我得到的结果与我在页面上尝试的任何内容相同:它们都在彼此之上,而不是在一行中。我试过单独包装它们,在包装纸上放一个宽度,相对定位它,没有任何效果......

顺便提一句。两位作者同时使用两个类。我有什么理由这样做吗?鉴于有一个包装器,所有图像都相同的类可以是嵌套的 css,然后另一个类可以是 id(如果它只使用一次),对吗?

0 投票
1 回答
257 浏览

wpf - 裁剪而不是剪裁

使用 RectangleGeometry 裁剪 WPF 元素时,将永远不会显示部分原始元素。然后我可以裁剪到视觉的这一部分,以便将其余部分拉伸以填充父级吗?

0 投票
1 回答
1464 浏览

javascript - 在 Raphael 中使用剪辑路径的多个元素

总而言之,我们有一个由路径组成的形状(我们称之为父级),用户可以在其上拖放不同的对象。

我们使用clip-path 来隐藏对象,即如果它超出了父形状的边界,它就会被隐藏。

在父形状内,用户可以拖放 obj。我们填充这些 obj。与图像。如果图像大于 obj. 然后是obj之外的部分图像。边界也被隐藏(拉斐尔的剪辑矩形)。

不幸的是,Raphael 似乎不喜欢多个剪辑路径,我们遇到了冲突,即 obj。内部图像的剪辑路径功能被父形状剪辑路径覆盖;图像在 obj 的边界之外变得可见。

编辑:这是我们想要做的说明。希望这通过插图进一步解释。在此处输入图像描述