Fork: 0
nitta-lab / TraceDebuggerExperiment
Transfer to URL with SHA Find file
Newer
Older
TraceDebuggerExperiment / courseA / JHotDraw_Reverse / DescriptionJHotDraw.html
n-nitta on 25 Sep 2020 1 KB コースAおよびBのすべての課題を繋げた。
Raw Blame History 
  1. <!DOCTYPE HTML>
  2. <html lang="ja">
  3. <head>
  4. <title>JHotDraw説明</title>
  5. <meta charset="UTF-8">
  6. </head>
  7. <style>
  8. .image_size{
  9. 	width: 800px;
  10. 	height: 550px;	
  11. }
  12. </style>
  13. <body>
  14. <h1>JHotDrawの概要</h1>
  15.  
  16. <p>JHotDrawはJavaで書かれたオープンソースの2Dグラフィックスフレームワークです．</p>
  17. <p>JHotDrawを起動すると,まず編集画面が開きます．</p>
  18.     <img src="pictures/JHotDraw-1.png", class ="image_size">
  19. <p>編集画面上で行える操作はモードによって異なります．</p>
  20. <p>モードの切り替えは，ツールバーのボタンをクリックすることによって行うことができます．</p>
  21.     <img src="pictures/JHotDraw-2.png", class ="image_size">
  22. <p>例えば矩形配置モードでは，編集画面上をクリックすると，クリックした位置に矩形図形を配置することができます（矩形配置機能）．</p>
  23.     <img src="pictures/JHotDraw-3.png", class ="image_size">
  24. <p>矩形図形を配置すると選択モードに戻ります．</p>
  25. <p>選択モードでは，編集画面上に配置された図形をクリックすると，その図形を選択状態にすることができます（図形選択機能）．</p>
  26.     <img src="pictures/JHotDraw-4.png", class ="image_size">
  27. <p>選択状態の図形はドラッグすることで，移動することができます（図形移動機能）．</p>
  28.     <img src="pictures/JHotDraw-5.png", class ="image_size">
  29. <p style="margin-bottom:3em;"></p>
  30. <a href="problem1/JHotDraw1_Reverse.html">次へ</a>
  31. <p style="margin-bottom:5em;"></p>
  32.     
  33. </body>