javascriptでのパス指定について
現在、SpringMVCのビュー部分で、JSPからjavascriptを使用するようにして開発を行っています（初心者です）。html5のcanvasを使用してcanvas内に画像を表示したいのですが、画像表示時のパスの指定が悪いせいか表示されません。そこで、javascriptからのパスの指定方法をご教授頂けないでしょうか？
プロジェクト階層とビュー部分のjsp（input.jsp）コード（一部抜粋）は以下になります。
【階層（一部抜粋）】
test <- プロジェクト
|--- WebContent
|----WEB-INF
|----jsp
| |---input.jsp
|----sample
|---abc.png
【input.jsp】
<body>
<canvas id="myCanvas" width="400"; height="400" ;>
HTML5 Canvasに対応したブラウザーを使用してください。
</canvas>
<script type="text/javascript">
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.strokeRect(300, 10, 200, 200);
var img = new Image();
img.src = "../sample/abc.png"; //ここでパスを指定。
/* 画像を描画 */
ctx.drawImage(img, 0, 0);
</script>
<form:form commandName="example">
<form:input path="message"/>
<input type="submit" />
</form:form>
</body>
</html>
【やりたいこと】
WEBブラウザ上に任意の画像を表示して、ユーザーがその画像をマウスで拡縮を行うようなサービスの作成を検討しており、現在、その実装（技術検討）中です。
補足
お世話になります。 ご回答ありがとうございます。 e:はありませんでした。 ご指摘、感謝しております。 ありがとうございました。