JavaFXで画像を表示させる方法がわからない

Question

前提・実現したいこと

画面に画像を表示させたい。

発生している問題・エラーメッセージ

アプリケーションの実行時に画像が表示されない。(Windowのみ表示される)
エラーメッセージ:なし

該当のソースコード

package application;

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.image.Image;
import javafx.stage.Stage;

public class Main extends Application {

public void start(Stage primaryStage) {

	Group root = new Group();
	Scene scene = new Scene(root);
	primaryStage.setScene( scene );

	Canvas canvas = new Canvas(400, 200);
	root.getChildren().add( canvas );

	GraphicsContext gc = canvas.getGraphicsContext2D();　

	Image hoge= new Image("application/hoge.png"); //➀元々は("hoge.png")で記述していた
	gc.drawImage(hoge, 180, 100);
	primaryStage.show();
}

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

}

###使用言語・ツール
Java
Eclipse

### 試したこと
元々はアプリケーションの実行時にエラーが出ていましたが
java.lang.illegalargumentexception:　
画像の配置場所を詳しく指定することでエラーにはならなくなりました。・・・➀

### 補足情報（FW/ツールのバージョンなど）
Java８(jdk1.8.0_221)
Eclipse_4.8_Photon

Answer 1

# URLは変えましたが、提示のソースでイメージは描画されましたよ。単にCanvasからはみ出しているだけ、とか?

ImageのコンストラクタはURLを欲しているようなので、file://とかのちゃんとしたURLにしてあげるといいのかもしれませんね。

    Image hoge= new Image(
　　　　this.getClass().getResource("application/hoge.png").toString()); 
　　　　　　//➀元々は("hoge.png")で記述していた

ImageViewでは不足でしょうか? Canvasへの出力もしてみましたけど。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.control.Label;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class xxFxImage {
  public static void main(final String[] args) throws Exception {
    Application.launch(App.class, args);
  }

  public static class App extends Application {
    @Override
    public void start(final Stage stage) throws Exception {
      final String imageUrl = "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Duke_%28Java_mascot%29_waving.svg/226px-Duke_%28Java_mascot%29_waving.svg.png";
      final Image image = new Image(imageUrl, false);
      final ImageView imageView = new ImageView(image);

      final Canvas canvas = new Canvas(image.getWidth(), image.getHeight());
      canvas.getGraphicsContext2D().drawImage(image, 0, 0);

      stage.setScene(
          new Scene(
              new HBox(
                  new VBox(new Label("ImageView"), imageView),
                  new VBox(new Label("Canvas"), canvas))));
      stage.show();
    }
  }
}

Comments

[退会済みユーザー]

ご回答ありがとうございます。
使用していた画像が思っていたよりも大きな画像でした。