Sketcher - drawing with cornerContour
Setup a pen
pen2D = new Pen2D( 0xFFFF00FF );
Setup sketcher
we can draw say a triangle.
var sketcher = new Sketcher( pen2D, StyleSketch.Fine, StyleEndLine.both );
sketcher.width = 2;
Use sketcher to draw an SVG path
var p = new SvgPath( sketcher );
p.parse( "M150 0 L75 200 L225 200 Z" );
Use sketcher to draw a shape
// a
sketcher.moveTo( 148, 72 );
sketcher.quadThru( 157, 67, 166, 64 );
sketcher.quadThru( 173, 67, 181, 72 );
sketcher.lineTo( 181, 103 );
sketcher.quadThru( 183, 107, 186, 103 );
sketcher.moveTo( 181, 80 );
sketcher.quadThru( 173, 82, 166, 85);
sketcher.quadThru( 155, 90, 148, 101 );
sketcher.lineTo( 149, 103 );
sketcher.quadThru( 157, 106, 166, 107 );
sketcher.quadThru( 173, 105, 181, 97 );
Draw Commands
- moveTo( x, y );
- lineTo( x, y );
- quadTo( cx, cy, x, y );
- quadThru( thruX, thruY, x, y );
- curveTo( c1x, c1y, c2x, c2y, x, y );
- plotCoord( arrFloat );
- getEdges();
Sketcher has two options to control the algorithm for drawing lines and curves.
StyleSketch, how you join lines, with only drawing curves you may find fine is overkill.
- Fine, has arc on outside between lines
- Medium, has triangle betteen lines
- Coarse, lines overlap but don’t meet together nicely.
some other options exist like fill and tracer.
StyleEndLine, used to work fine, but needs tweaking.
- no, no curve at end of line.
- begin, curve only at beginning of lines ( or when moveTo happens ).
- end, curve only at end of lines ( or when moveTo happens ).
- both, curve at both ended of the lines.