gpt4 book ai didi

JavaFX 反向裁剪和使用文本的裁剪?

转载 作者:搜寻专家 更新时间:2023-10-31 20:18:15 26 4
gpt4 key购买 nike

到目前为止,关于 JavaFX 中的裁剪,我能找到的所有内容都是 Node.setClip(Node value) 方法。这会强制节点仅在给定节点的边界内呈现。我想做相反的事情——根据第二个节点的形状,特别是文本,切掉一部分节点。在(大部分)伪代码中:

Rectangle rect = new Rectangle(0, 0, 160, 90);
Label cutOutText = new Label("YAY");
rect.setFill(Color.RED);
rect.setInverseClip(cutOutText);

这会导致(在白色背景上)...

The resulting rectangle, with punched-out text.

另一个例子:

enter image description here

最佳答案

据我所知,没有针对此的内置方法。但是,这是您尝试使用形状实现的示例:

package application;

import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.ProgressBar;
import javafx.scene.effect.InnerShadow;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.StackPane;
import javafx.scene.shape.Rectangle;
import javafx.scene.shape.Shape;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.stage.Stage;


public class Main extends Application {
@Override
public void start(final Stage primaryStage) {
final StackPane root = new StackPane();
final ProgressBar bar = new ProgressBar();
final Image image = new Image( "https://farm8.staticflickr.com/7036/6952932649_3fc1cfeb8a_o_d.jpg", true );
final ImageView imageView = new ImageView( image );
final Text clip = new Text( "JavaFx" );
final Scene scene = new Scene( root );

root.setStyle( "-fx-background: pink;" );
root.setEffect( new InnerShadow() );

bar.prefWidthProperty().bind( root.widthProperty() );
bar.visibleProperty().bind( Bindings.notEqual( 1, image.progressProperty() ) );
bar.progressProperty().bind( image.progressProperty() );

imageView.setFitWidth( 800 );
imageView.setFitHeight( 600 );

clip.setFont( Font.font( 144.0 ) );
clip.setX( 400 - clip.getBoundsInLocal().getWidth() / 2 );
clip.setY( 400 - clip.getBoundsInLocal().getHeight() / 2 );

setInverseClip( imageView, clip );

root.getChildren().add( bar );
root.getChildren().add( imageView );

primaryStage.setScene( scene );
primaryStage.show();
}

private void setInverseClip( final Node node, final Shape clip ) {
final Rectangle inverse = new Rectangle();
inverse.setWidth( node.getLayoutBounds().getWidth() );
inverse.setHeight( node.getLayoutBounds().getHeight() );
node.setClip( Shape.subtract( inverse, clip ) );
}

public static void main(final String[] args) {
launch(args);
}

}

它用一个相同大小的矩形覆盖目标节点,从中减去原始剪辑节点,并使用新创建的形状作为剪辑到目标节点。

关于JavaFX 反向裁剪和使用文本的裁剪?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33905007/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com