frodovdr/node-red-nodes
1
0
Fork 0
mirror of https://github.com/node-red/node-red-nodes.git synced 2023-10-10 13:36:58 +02:00
Code Issues Releases Wiki Activity

node-red-contrib-facial-recognition (enhancments) (#726)

Browse Source 
* add labelLocation documentation

* Update README.md
This commit is contained in:
meeki007 2021-01-17 12:19:12 -05:00 committed by GitHub
parent 010669037a
commit 54be2e679e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 39 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
utility/annotate-image/README.md
View File

@ -37,6 +37,8 @@ Each annotation is an object with the following properties:
- `lineWidth` (*number*) : the stroke width used to draw the annotation. Default: `5`
- `fontSize` (*number*) : the font size to use for the label. Default: `24`
- `fontColor` (*string*) : the color of the font to use for the label. Default: `#ffC000`
- `labelLocation` (*string*) : The Location to place the label. `top` or `bottom`.
If this propery is not set it will default to `automatic` and make the best guess based on location.
Examples

3
utility/annotate-image/annotate.html
View File

@ -64,6 +64,9 @@
<dd>The font size to use for the label. Default: <code>24</code></dd>
<dt>fontColor <span class="property-type">string</span></dt>
<dd>The color of the font to use for the label. Default: <code>"#ffC000"</code></dd>
<dt>labelLocation <span class="property-type">string</span></dt>
<dd>The Location to place the label. Default: <code>"top"</code> or <code>"bottom"</code>.<br>
If this propery is not set it will default to <code>"automatic"</code></dd>
</dl>
<h3>Examples</h3>
<pre> msg.annotations = [ {

36
utility/annotate-image/annotate.js
View File

@ -21,7 +21,7 @@ module.exports = function(RED) {
const defaultStroke = n.stroke || "#ffC000";
const defaultLineWidth = parseInt(n.lineWidth) || 5;
const defaultFontSize = n.fontSize || 24;
const defaultFontColor = n.fontColor || "#ffC000"
const defaultFontColor = n.fontColor || "#ffC000";
loadFont();
this.on("input", function(msg) {
@ -83,7 +83,39 @@ module.exports = function(RED) {
ctx.fillStyle = annotation.fontColor || defaultFontColor;
ctx.textBaseline = "top";
ctx.textAlign = "left";
ctx.fillText(annotation.label, x+2,y)
//set offset value so txt is above or below image
if (annotation.labelLocation) {
if (annotation.labelLocation === "top") {
y = y - (20+((defaultLineWidth*0.5)+(Number(defaultFontSize))));
if (y < 0)
{
y = 0;
}
}
else if (annotation.labelLocation === "bottom") {
y = y + (10+h+(((defaultLineWidth*0.5)+(Number(defaultFontSize)))));
ctx.textBaseline = "bottom";
}
}
//if not user defined make best guess for top or bottom based on location
else {
//not enought room above imagebox, put label on the bottom
if (y < 0 + (20+((defaultLineWidth*0.5)+(Number(defaultFontSize))))) {
y = y + (10+h+(((defaultLineWidth*0.5)+(Number(defaultFontSize)))));
ctx.textBaseline = "bottom";
}
//else put the label on the top
else {
y = y - (20+((defaultLineWidth*0.5)+(Number(defaultFontSize))));
if (y < 0) {
y = 0;
}
}
}
ctx.fillText(annotation.label, x,y);
}
break;
case 'circle':