На холсте (почти) все фигуры, обведенные или заполненные, являются контурами. В холсте нет понятия «обводка», но есть концепция вызова stroke() на пути.
То, что вы можете сделать, это создать путь, заполнить его и затем обвести тот же путь.
ctx.beginPath();
ctx.moveTo(50,50);
ctx.lineTo(100,100);
ctx.lineTo(25,100);
ctx.closePath();
ctx.fillStyle = 'gold'
ctx.fill();
// The path is still there, lets stroke it
ctx.lineWidth = 4;
ctx.stroke();
Живой пример:
http://jsfiddle.net/9SK2C/
Однако учтите, что как только вы начинаете новый путь, этот старый путь теряется навсегда. Не существует встроенного способа сохранения или восстановления путей. Если вы хотите отслеживать путь, чтобы сохранить / восстановить его, вы должны все это учитывать.
Вы также не можете редактировать путь. Вы можете добавить его в конец, но нет пути назад и изменения точек на пути, как в (скажем) SVG. Вместо этого вы должны переделать его с новыми очками.