2021-09-24 15:55:27 +02:00
<!DOCTYPE html> < html class = "default no-js" > < head > < meta charSet = "utf-8" / > < meta http-equiv = "X-UA-Compatible" content = "IE=edge" / > < title > DrawOptions | @vladmandic/human - v2.2.3< / title > < meta name = "description" content = "Documentation for @vladmandic/human - v2.2.3" / > < meta name = "viewport" content = "width=device-width, initial-scale=1" / > < link rel = "stylesheet" href = "../assets/style.css" / > < link rel = "stylesheet" href = "../assets/highlight.css" / > < script async src = "../assets/search.js" id = "search-script" > < / script > < / head > < body > < header > < div class = "tsd-page-toolbar" > < div class = "container" > < div class = "table-wrap" > < div class = "table-cell" id = "tsd-search" data-base = ".." > < div class = "field" > < label for = "tsd-search-field" class = "tsd-widget search no-caption" > Search< / label > < input type = "text" id = "tsd-search-field" / > < / div > < ul class = "results" > < li class = "state loading" > Preparing search index...< / li > < li class = "state failure" > The search index is not available< / li > < / ul > < a href = "../index.html" class = "title" > @vladmandic/human - v2.2.3< / a > < / div > < div class = "table-cell" id = "tsd-widgets" > < div id = "tsd-filter" > < a href = "#" class = "tsd-widget options no-caption" data-toggle = "options" > Options< / a > < div class = "tsd-filter-group" > < div class = "tsd-select" id = "tsd-filter-visibility" > < span class = "tsd-select-label" > All< / span > < ul class = "tsd-select-list" > < li data-value = "public" > Public< / li > < li data-value = "protected" > Public/Protected< / li > < li data-value = "private" class = "selected" > All< / li > < / ul > < / div > < input type = "checkbox" id = "tsd-filter-inherited" checked / > < label class = "tsd-widget" for = "tsd-filter-inherited" > Inherited< / label > < / div > < / div > < a href = "#" class = "tsd-widget menu no-caption" data-toggle = "menu" > Menu< / a > < / div > < / div > < / div > < / div > < div class = "tsd-page-title" > < div class = "container" > < ul class = "tsd-breadcrumb" > < li > < a href = "../index.html" > @vladmandic/human - v2.2.3< / a > < / li > < li > < a href = "DrawOptions.html" > DrawOptions< / a > < / li > < / ul > < h1 > Interface DrawOptions< / h1 > < / div > < / div > < / header > < div class = "container container-main" > < div class = "row" > < div class = "col-8 col-content" > < section class = "tsd-panel tsd-comment" > < div class = "tsd-comment tsd-typography" > < div class = "lead" >
2021-09-19 01:09:02 +02:00
< p > Draw Options
Accessed via < code > human.draw.options< / code > or provided per each draw method as the drawOptions optional parameter
-color: draw color
-labelColor: color for labels
-shadowColor: optional shadow color for labels
-font: font for labels
-lineHeight: line height for labels, used for multi-line labels,
-lineWidth: width of any lines,
-pointSize: size of any point,
-roundRect: for boxes, round corners by this many pixels,
-drawPoints: should points be drawn,
-drawLabels: should labels be drawn,
-drawBoxes: should boxes be drawn,
-drawPolygons: should polygons be drawn,
-fillPolygons: should drawn polygons be filled,
-useDepth: use z-axis coordinate as color shade,
-useCurves: draw polygons as cures or as lines,
-bufferedOutput: experimental: allows to call draw methods multiple times for each detection and interpolate results between results thus achieving smoother animations< / p >
< / div > < / div > < / section > < section class = "tsd-panel tsd-hierarchy" > < h3 > Hierarchy< / h3 > < ul class = "tsd-hierarchy" > < li > < span class = "target" > DrawOptions< / span > < / li > < / ul > < / section > < section class = "tsd-panel-group tsd-index-group" > < h2 > Index< / h2 > < section class = "tsd-panel tsd-index-panel" > < div class = "tsd-index-content" > < section class = "tsd-index-section " > < h3 > Properties< / h3 > < ul class = "tsd-index-list" > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#bufferedOutput" class = "tsd-kind-icon" > buffered< wbr / > Output< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#color" class = "tsd-kind-icon" > color< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#drawBoxes" class = "tsd-kind-icon" > draw< wbr / > Boxes< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#drawGaze" class = "tsd-kind-icon" > draw< wbr / > Gaze< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#drawLabels" class = "tsd-kind-icon" > draw< wbr / > Labels< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#drawPoints" class = "tsd-kind-icon" > draw< wbr / > Points< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#drawPolygons" class = "tsd-kind-icon" > draw< wbr / > Polygons< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#fillPolygons" class = "tsd-kind-icon" > fill< wbr / > Polygons< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#font" class = "tsd-kind-icon" > font< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#labelColor" class = "tsd-kind-icon" > label< wbr / > Color< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#lineHeight" class = "tsd-kind-icon" > line< wbr / > Height< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#lineWidth" class = "tsd-kind-icon" > line< wbr / > Width< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#pointSize" class = "tsd-kind-icon" > point< wbr / > Size< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#roundRect" class = "tsd-kind-icon" > round< wbr / > Rect< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#shadowColor" class = "tsd-kind-icon" > shadow< wbr / > Color< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#useCurves" class = "tsd-kind-icon" > use< wbr / > Curves< / a > < / li > < li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "DrawOptions.html#useDepth" class = "tsd-kind-icon" > use< wbr / > Depth< / a > < / li > < / ul > < / section > < / div > < / section > < / section > < section class = "tsd-panel-group tsd-member-group " > < h2 > Properties< / h2 > < section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" > < a name = "bufferedOutput" class = "tsd-anchor" > < / a > < h3 > buffered< wbr / > Output< / h3 > < div class = "tsd-signature tsd-kind-icon" > buffered< wbr / > Output< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > boolean< / span > < / div > < aside class = "tsd-sources" > < ul > < li > Defined in < a href = "https://github.com/vladmandic/human/blob/main/src/draw.ts#L46" > draw.ts:46< / a > < / li > < / ul > < / aside > < / section > < section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" > < a name = "color" class = "tsd-anchor" > < / a > < h3 > color< / h3 > < div class = "tsd-signature tsd-kind-icon" > color< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > string< / span > < / div > < aside class = "tsd-sources" > < ul > < li > Defined in < a href = "https://github.com/vladmandic/human/blob/main/src/draw.ts#L30" > draw.ts:30< / a > < / li > < / ul > < / aside > < / section > < section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" > < a name = "drawBoxes" class = "tsd-anchor" > < / a > < h3 > draw< wbr / > Boxes< / h3 > < div class = "tsd-signature tsd-kind-icon" > draw< wbr / > Boxes< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > boolean< / span > < / div > < aside class = "ts
