2021-04-13 17:05:52 +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< / title >
< meta name = "description" content = "Documentation for @vladmandic/human" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link rel = "stylesheet" href = "../assets/css/main.css" >
< script async src = "../assets/js/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-index = "../assets/js/search.json" data-base = ".." >
< div class = "field" >
< label for = "tsd-search-field" class = "tsd-widget search no-caption" > Search< / label >
< input id = "tsd-search-field" type = "text" / >
< / 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< / 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 >
2021-06-18 13:25:33 +02:00
< a href = "../modules.html" > @vladmandic/human< / a >
2021-04-13 17:05:52 +02:00
< / 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" >
< 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,
2021-05-31 16:40:07 +02:00
-bufferedOutput: experimental: allows to call draw methods multiple times for each detection and interpolate results between results thus achieving smoother animations< / p >
2021-04-13 17:05:52 +02:00
< / 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 >
2021-05-29 15:20:01 +02:00
< li class = "tsd-kind-property tsd-parent-kind-interface" > < a href = "drawoptions.html#drawgaze" class = "tsd-kind-icon" > draw< wbr > Gaze< / a > < / li >
2021-04-13 17:05:52 +02:00
< 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 >
2021-05-23 03:47:59 +02:00
< div class = "tsd-signature tsd-kind-icon" > buffered< wbr > Output< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > boolean< / span > < / div >
2021-04-13 17:05:52 +02:00
< aside class = "tsd-sources" >
< / 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" >
< / 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 >
2021-05-23 03:47:59 +02:00
< div class = "tsd-signature tsd-kind-icon" > draw< wbr > Boxes< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > boolean< / span > < / div >
2021-04-13 17:05:52 +02:00
< aside class = "tsd-sources" >
< / aside >
< / section >
2021-05-29 15:20:01 +02:00
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "drawgaze" class = "tsd-anchor" > < / a >
< h3 > draw< wbr > Gaze< / h3 >
< div class = "tsd-signature tsd-kind-icon" > draw< wbr > Gaze< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > boolean< / span > < / div >
< aside class = "tsd-sources" >
< / aside >
< / section >
2021-04-13 17:05:52 +02:00
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "drawlabels" class = "tsd-anchor" > < / a >
< h3 > draw< wbr > Labels< / h3 >
2021-05-23 03:47:59 +02:00
< div class = "tsd-signature tsd-kind-icon" > draw< wbr > Labels< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > boolean< / span > < / div >
2021-04-13 17:05:52 +02:00
< aside class = "tsd-sources" >
< / aside >
< / section >
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "drawpoints" class = "tsd-anchor" > < / a >
< h3 > draw< wbr > Points< / h3 >
2021-05-23 03:47:59 +02:00
< div class = "tsd-signature tsd-kind-icon" > draw< wbr > Points< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > boolean< / span > < / div >
2021-04-13 17:05:52 +02:00
< aside class = "tsd-sources" >
< / aside >
< / section >
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "drawpolygons" class = "tsd-anchor" > < / a >
< h3 > draw< wbr > Polygons< / h3 >
2021-05-23 03:47:59 +02:00
< div class = "tsd-signature tsd-kind-icon" > draw< wbr > Polygons< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > boolean< / span > < / div >
2021-04-13 17:05:52 +02:00
< aside class = "tsd-sources" >
< / aside >
< / section >
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "fillpolygons" class = "tsd-anchor" > < / a >
< h3 > fill< wbr > Polygons< / h3 >
2021-05-23 03:47:59 +02:00
< div class = "tsd-signature tsd-kind-icon" > fill< wbr > Polygons< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > boolean< / span > < / div >
2021-04-13 17:05:52 +02:00
< aside class = "tsd-sources" >
< / aside >
< / section >
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "font" class = "tsd-anchor" > < / a >
< h3 > font< / h3 >
< div class = "tsd-signature tsd-kind-icon" > font< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > string< / span > < / div >
< aside class = "tsd-sources" >
< / aside >
< / section >
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "labelcolor" class = "tsd-anchor" > < / a >
< h3 > label< wbr > Color< / h3 >
< div class = "tsd-signature tsd-kind-icon" > label< wbr > Color< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > string< / span > < / div >
< aside class = "tsd-sources" >
< / aside >
< / section >
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "lineheight" class = "tsd-anchor" > < / a >
< h3 > line< wbr > Height< / h3 >
< div class = "tsd-signature tsd-kind-icon" > line< wbr > Height< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > number< / span > < / div >
< aside class = "tsd-sources" >
< / aside >
< / section >
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "linewidth" class = "tsd-anchor" > < / a >
< h3 > line< wbr > Width< / h3 >
< div class = "tsd-signature tsd-kind-icon" > line< wbr > Width< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > number< / span > < / div >
< aside class = "tsd-sources" >
< / aside >
< / section >
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "pointsize" class = "tsd-anchor" > < / a >
< h3 > point< wbr > Size< / h3 >
< div class = "tsd-signature tsd-kind-icon" > point< wbr > Size< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > number< / span > < / div >
< aside class = "tsd-sources" >
< / aside >
< / section >
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "roundrect" class = "tsd-anchor" > < / a >
< h3 > round< wbr > Rect< / h3 >
< div class = "tsd-signature tsd-kind-icon" > round< wbr > Rect< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > number< / span > < / div >
< aside class = "tsd-sources" >
< / aside >
< / section >
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "shadowcolor" class = "tsd-anchor" > < / a >
< h3 > shadow< wbr > Color< / h3 >
< div class = "tsd-signature tsd-kind-icon" > shadow< wbr > Color< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > string< / span > < / div >
< aside class = "tsd-sources" >
< / aside >
< / section >
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "usecurves" class = "tsd-anchor" > < / a >
< h3 > use< wbr > Curves< / h3 >
2021-05-23 03:47:59 +02:00
< div class = "tsd-signature tsd-kind-icon" > use< wbr > Curves< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > boolean< / span > < / div >
2021-04-13 17:05:52 +02:00
< aside class = "tsd-sources" >
< / aside >
< / section >
< section class = "tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface" >
< a name = "usedepth" class = "tsd-anchor" > < / a >
< h3 > use< wbr > Depth< / h3 >
2021-05-23 03:47:59 +02:00
< div class = "tsd-signature tsd-kind-icon" > use< wbr > Depth< span class = "tsd-signature-symbol" > :< / span > < span class = "tsd-signature-type" > boolean< / span > < / div >
2021-04-13 17:05:52 +02:00
< aside class = "tsd-sources" >
< / aside >
< / section >
< / section >
< / div >
< div class = "col-4 col-menu menu-sticky-wrap menu-highlight" >
< nav class = "tsd-navigation primary" >
< ul >
< li class = " " >
2021-06-18 13:25:33 +02:00
< a href = "../modules.html" > Exports< / a >
2021-04-13 17:05:52 +02:00
< / li >
< / ul >
< / nav >
< nav class = "tsd-navigation secondary menu-sticky" >
< ul class = "before-current" >
< li class = " tsd-kind-reference" >
2021-06-18 13:25:33 +02:00
< a href = "../modules.html#default" class = "tsd-kind-icon" > default< / a >
2021-04-13 17:05:52 +02:00
< / li >
< li class = " tsd-kind-class" >
< a href = "../classes/human.html" class = "tsd-kind-icon" > Human< / a >
< / li >
2021-05-22 18:33:19 +02:00
< li class = " tsd-kind-interface" >
< a href = "body.html" class = "tsd-kind-icon" > Body< / a >
< / li >
2021-04-13 17:05:52 +02:00
< li class = " tsd-kind-interface" >
< a href = "config.html" class = "tsd-kind-icon" > Config< / a >
< / li >
< / ul >
< ul class = "current" >
< li class = "current tsd-kind-interface" >
< a href = "drawoptions.html" class = "tsd-kind-icon" > Draw< wbr > Options< / a >
< ul >
< 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 >
2021-05-29 15:20:01 +02:00
< li class = " tsd-kind-property tsd-parent-kind-interface" >
< a href = "drawoptions.html#drawgaze" class = "tsd-kind-icon" > draw< wbr > Gaze< / a >
< / li >
2021-04-13 17:05:52 +02:00
< 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 >
< / li >
< / ul >
< ul class = "after-current" >
2021-05-22 18:33:19 +02:00
< li class = " tsd-kind-interface" >
< a href = "face.html" class = "tsd-kind-icon" > Face< / a >
< / li >
< li class = " tsd-kind-interface" >
< a href = "hand.html" class = "tsd-kind-icon" > Hand< / a >
< / li >
< li class = " tsd-kind-interface" >
2021-05-22 19:17:07 +02:00
< a href = "item.html" class = "tsd-kind-icon" > Item< / a >
2021-05-22 18:33:19 +02:00
< / li >
2021-06-05 17:54:49 +02:00
< li class = " tsd-kind-interface" >
< a href = "person.html" class = "tsd-kind-icon" > Person< / a >
< / li >
2021-04-13 17:05:52 +02:00
< li class = " tsd-kind-interface" >
< a href = "result.html" class = "tsd-kind-icon" > Result< / a >
< / li >
< li class = " tsd-kind-type-alias" >
2021-06-18 13:25:33 +02:00
< a href = "../modules.html#error" class = "tsd-kind-icon" > Error< / a >
2021-04-13 17:05:52 +02:00
< / li >
2021-05-22 18:33:19 +02:00
< li class = " tsd-kind-type-alias" >
2021-06-18 13:25:33 +02:00
< a href = "../modules.html#gesture" class = "tsd-kind-icon" > Gesture< / a >
2021-05-22 18:33:19 +02:00
< / li >
2021-04-13 17:05:52 +02:00
< li class = " tsd-kind-type-alias" >
2021-06-18 13:25:33 +02:00
< a href = "../modules.html#input" class = "tsd-kind-icon" > Input< / a >
2021-04-13 17:05:52 +02:00
< / li >
< li class = " tsd-kind-type-alias" >
2021-06-18 13:25:33 +02:00
< a href = "../modules.html#tensorflow" class = "tsd-kind-icon" > Tensor< wbr > Flow< / a >
2021-04-13 17:05:52 +02:00
< / li >
< / ul >
< / nav >
< / div >
< / div >
< / div >
< footer >
< div class = "container" >
< h2 > Legend< / h2 >
< div class = "tsd-legend-group" >
< ul class = "tsd-legend" >
< li class = "tsd-kind-constructor tsd-parent-kind-class" > < span class = "tsd-kind-icon" > Constructor< / span > < / li >
< li class = "tsd-kind-property tsd-parent-kind-class" > < span class = "tsd-kind-icon" > Property< / span > < / li >
< li class = "tsd-kind-method tsd-parent-kind-class" > < span class = "tsd-kind-icon" > Method< / span > < / li >
< / ul >
< ul class = "tsd-legend" >
< li class = "tsd-kind-property tsd-parent-kind-interface" > < span class = "tsd-kind-icon" > Property< / span > < / li >
< / ul >
< / div >
< / div >
< / footer >
< div class = "overlay" > < / div >
< script src = "../assets/js/main.js" > < / script >
< / body >
< / html >
