當我最初開始使用Canvas API時，我注意到渲染代碼的結果有些模糊，甚至更糟，不一致。 有些線條模糊，有些線條清晰。 來自Swing，我花了一些時間才意識到這是由JavaFX的坐標系引起的，該坐標系允許雙精度渲染。
為了解決這個問題，所需要的只是在“中間”使用坐標。 因此，在我的代碼中，您現在可以找到很多稱為snapXZY（）的方法（可以在JavaFX代碼本身中找到類似的方法），該方法首先將給定的坐標轉換為整數，然后將其添加.5。 以下屏幕截圖顯示了使用這種方法的區別。 下面的代碼用于此示例：

import javafx.application.Application; import javafx.geometry.Insets; import javafx.scene.Scene; import javafx.scene.canvas.Canvas; import javafx.scene.canvas.GraphicsContext; import javafx.scene.control.Label; import javafx.scene.layout.VBox; import javafx.scene.paint.Color; import javafx.stage.Stage;/*** Tip 2: How to render sharp lines in a canvas.*/ public class Tip2DrawingSharpLinesInCanvas extends Application {class MyCanvas extends Canvas {public MyCanvas(boolean drawSharpLines) {setWidth(150);setHeight(150);double w = getWidth();double h = getHeight();GraphicsContext gc = getGraphicsContext2D();gc.clearRect(0, 0, w, h);gc.setStroke(Color.GRAY);gc.strokeRect(0, 0, w, h);for (double y = 20; y <= h - 20; y += 10) {if (drawSharpLines) {// Snap the y coordinate gc.strokeLine(10, snap(y), w - 10, snap(y));} else {gc.strokeLine(10, y, w - 10, y);}}}private double snap(double y) {return ((int) y) + .5;}}@Overridepublic void start(Stage stage) throws Exception {MyCanvas canvasBlurry = new MyCanvas(false);MyCanvas canvasSharp = new MyCanvas(true);Label labelBlurry = new Label("Blurry");Label labelSharp = new Label("Sharp");VBox.setMargin(canvasBlurry, new Insets(10));VBox.setMargin(canvasSharp, new Insets(10));VBox.setMargin(labelBlurry, new Insets(10, 10, 0, 10));VBox.setMargin(labelSharp, new Insets(10, 10, 0, 10));VBox box = new VBox();box.getChildren().add(labelBlurry);box.getChildren().add(canvasBlurry);box.getChildren().add(labelSharp);box.getChildren().add(canvasSharp);stage.setScene(new Scene(box));stage.setTitle("Tip 2: Sharp Lines in Canvas");stage.show();}public static void main(String[] args) {launch(args);} }

翻譯自: https://www.javacodegeeks.com/2014/04/javafx-tip-2-sharp-drawing-with-canvas-api.html

總結

以上是生活随笔為你收集整理的JavaFX技巧2：使用Canvas API进行清晰绘图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。