From 022ad96b05a7a6b5bb6eb8ded1928dfc9e9f8992 Mon Sep 17 00:00:00 2001 From: Raniere Silva Date: Fri, 5 Mar 2021 17:22:20 +0800 Subject: [PATCH 1/2] Add example of scale bar --- src/assets/javaScript/canvas.js | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/src/assets/javaScript/canvas.js b/src/assets/javaScript/canvas.js index 19d0ccb..ae1e447 100644 --- a/src/assets/javaScript/canvas.js +++ b/src/assets/javaScript/canvas.js @@ -64,6 +64,23 @@ function exibirClassificacoes(classificacoes, indice = -1, draw_label) { ctx.clearRect(0, 0, canvas.width, canvas.height); + // Add scale to canvas + // TODO: Get scale from database + ctx.fillStyle = 'black'; + ctx.fillRect( // places its top-left corner at (10, 10), and gives it a size of 10 units wide by 100 tall + 10, + 10, + 100, + 10 + ); + ctx.font = '24px serif'; + ctx.textAlign="center"; + ctx.fillText( + "1mm", + 10 + (100 / 2), // mid of scale bar + 10 + 10 + 24 // bellow scale bar + ); + const largura = 100; const altura = 100; From 3fea09546eaf7f29255255a69ab17d388f1a6ebb Mon Sep 17 00:00:00 2001 From: Raniere Silva Date: Fri, 5 Mar 2021 17:25:56 +0800 Subject: [PATCH 2/2] Set scale for information retrieve with ImageJ --- src/assets/javaScript/canvas.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/assets/javaScript/canvas.js b/src/assets/javaScript/canvas.js index ae1e447..afea899 100644 --- a/src/assets/javaScript/canvas.js +++ b/src/assets/javaScript/canvas.js @@ -70,14 +70,14 @@ function exibirClassificacoes(classificacoes, indice = -1, draw_label) { ctx.fillRect( // places its top-left corner at (10, 10), and gives it a size of 10 units wide by 100 tall 10, 10, - 100, + 300, 10 ); ctx.font = '24px serif'; ctx.textAlign="center"; ctx.fillText( - "1mm", - 10 + (100 / 2), // mid of scale bar + "2 inch", + 10 + (300 / 2), // mid of scale bar 10 + 10 + 24 // bellow scale bar );