Question

我有以下SVG文档：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg id="svg602"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   width="324.02335" height="689.724"
   space="preserve" version="1.0">

  <defs id="defs604">
    <linearGradient id="linearGradient3034">
      <stop id="stop3035" offset="0"
            style="stop-color:#0000ff;stop-opacity:1" />
      <stop id="stop3036" offset="1"
            style="stop-color:#ffffff;stop-opacity:0;" />
    </linearGradient>
    <linearGradient id="linearGradient3542"
       xlink:href="#linearGradient3034"
       x1="10" y1="10"
       x2="210" y2="210"
       gradientUnits="userSpaceOnUse" />
  </defs>

  <rect id="r1" x="10" y="10" width="200" height="200"
        style="fill:url(#linearGradient3542);stroke:none" />
</svg>

我正在尝试使用以下代码在JavaFX中实现相同的目标：

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.paint.CycleMethod;
import javafx.scene.paint.LinearGradient;
import javafx.scene.paint.Stop;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;

public class GradientSample extends Application {
    public static void main(String[] args) { launch(args); }

    @Override
    public void start(Stage primaryStage) {

        Group mainGroup = new Group();
        Rectangle r = new Rectangle(10, 10, 200, 200);

        Stop[] stops = new Stop[] { new Stop(0, new Color(0.0, 0.0, 1.0, 1.0)), 
                                    new Stop(1, new Color(1.0, 1.0, 1.0, 0.0)) };
        LinearGradient lg = new LinearGradient(10, 10, 210, 210, false, CycleMethod.NO_CYCLE,
                                               stops);
        r.setFill(lg);

        mainGroup.getChildren().add(r);
        Scene scene = new Scene(mainGroup, 600, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

然而，SVG（在Inkscape中）呈现如下：

，而JavaFX场景的渲染方式如下：

显然，JavaFX不考虑第二站的停止不透明度（0.0）（如果我在SVG文件中将不透明度设置为1.0，它就像JavaFX场景一样呈现）。

我是否遗漏了某些内容，还是应该将此视为错误？

有没有其他解决方案如何在JavaFX中实现除1.0以外的Stop不透明度？

Answer 1

你确实发现了一个错误，但不是在不透明中！

我先检查过不透明度是否有效。例如，你可以在矩形下方放置一些标签，你会看到它，所以这不是问题。

然后我将图像导出为png并进行编辑。我发现不透明度从1到0插值良好，从左上角到右下角。

令我惊讶的是，每个像素的红色和绿色都是0 !!

试图找到报告的错误，我没有找到任何错误，但我想到了使用不同的渲染管道。

将-Dprism.order与选项d3d（Windows），es2（Mac）和sw一起使用，都会产生相同的错误结果。但旧的和已弃用的j2d在Windows上运行良好！

为了检查它，我稍微修改了你的代码：

public void start(Stage primaryStage) {
    Group mainGroup = new Group();
    Rectangle r = new Rectangle(0, 0, 200, 200);

    Stop[] stops = new Stop[] { new Stop(0, new Color(0.0, 0.0, 1.0, 1.0)), 
                                new Stop(1, new Color(1.0, 1.0, 1.0, 0.0)) };
    LinearGradient lg = new LinearGradient(0, 0, 1, 1, true, CycleMethod.NO_CYCLE, stops);
    r.setFill(lg);

    mainGroup.getChildren().add(r);
    Scene scene = new Scene(mainGroup, 200, 200);
    scene.setFill(Color.TRANSPARENT);
    primaryStage.setScene(scene);
    primaryStage.show();

    WritableImage image = scene.snapshot(null);
    PixelReader pixelReader = image.getPixelReader();

    System.out.println("Color: " + pixelReader.getColor((int)image.getWidth()/2, (int)image.getHeight()/2));
}

使用常规管道运行，您将看到以下结果：

Color: 0x0000ff7f

并且仅与-Dprism.order=j2d一起运行，您将获得：

Color: 0x7e7eff7f

正如我之前提到的，不透明度是内插的，但不是RGB颜色：在这种情况下，似乎RGB是第一个停止的那个。

所以我们可能会想到应该报告的回归。

在JavaFX LinearGradient中停止不透明度

1 个答案: