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ブラウザ上に任意の画像を表示して、ユーザーがその画像をマウスで拡縮を行うようなサービスの作成を検討しており、現在、その実装(技術検討)中です。
お礼
<SCRIPT LANGUAGE="JavaScript"> <!-- // 曜日よって文字を変える w = (new Date()).getDay(); if(w == 0) document.write("挿入文字"); if(w == 1) document.write(""); if(w == 2) document.write(""); if(w == 3) document.write(""); if(w == 4) document.write(""); if(w == 5) document.write(""); if(w == 6) document.write(""); //--> </SCRIPT> ありがとうございます。上記だけで、HEAD部にはなにもタグはないとは思いますが・・。 よろしくお願いします。