X-Git-Url: https://jasonwoof.com/gitweb/?p=crayon_mockup.git;a=blobdiff_plain;f=auto.coffee;fp=auto.coffee;h=e705421782fe3c7548d5634a2466faec58beebff;hp=bfd84af977e135f274e3c64c927f529f57b53fba;hb=33a4ce2992c7345ee0791caf9f3560d04c075b7d;hpb=5e6423a3684f2053be82f8ca995be30c6ca8a127

diff --git a/auto.coffee b/auto.coffee
index bfd84af..e705421 100644
--- a/auto.coffee
+++ b/auto.coffee
@@ -23,6 +23,11 @@ update_path = (path, data, flags) ->
 		d += " z"
 	path.setAttribute "d", d
 
+cancel_drawing = ->
+	if selection?
+		svg.removeChild selection.element
+	selection = null
+	return false
 stop_drawing = ->
 	if selection?
 		update_path selection.element, selection.data
@@ -48,21 +53,26 @@ mousemove = (x, y) ->
 
 keydown = (keycode) ->
 	switch keycode
-		when 'O'.charCodeAt 0
+		when ('O'.charCodeAt 0), ('0'.charCodeAt 0)
 			return stop_close_drawing()
-		when (' '.charCodeAt 0), 13, 10, 27
+		when (' '.charCodeAt 0), 13, 10
 			return stop_drawing()
+		when 27
+			return cancel_drawing()
 
 # called automatically on domcontentloaded
 init = ->
 	$container = $ '.crayon_mockup'
-	$stop_button = $ '<span class="button">stop drawing</span>'
-	$stop_close_button = $ '<span class="button">stop drawing, close loop</span>'
+	$stop_button = $ '<span class="button" title="keyboard shortcut: space">stop line</span>'
+	$stop_close_button = $ '<span class="button" title="keyboard shortcut: O">stop line, close loop</span>'
+	$cancel_button = $ '<span class="button" title="keyboard shortcut: Esc">cancel line</span>'
 	$tools = $ '<div class="toolbar"></div>'
 	$tools.append $stop_button
 	$tools.append $stop_close_button
+	$tools.append $cancel_button
 	$stop_button.click stop_drawing
 	$stop_close_button.click stop_close_drawing
+	$cancel_button.click cancel_drawing
 	$container.append $tools
 	svg = document.createElementNS svg_ns, 'svg'
 	svg.setAttribute 'width', width