c# - Javascript: mousemove イベントで四角形を描画する

Question

asp.net (C#) で javascript を使用して、既に描画されている円 (穴) に四角形を描画するにはどうすればよいですか。ページに円をビットマップとして描画しました。四角形は、mousemove イベントで描画する必要があります。

Answer 1

次のコードを img タグに記述します。

<img name="picture" src="Images/circle.jpg" alt="My Image"    
     onmouseover="document.picture.src=image2.src" 
     onmouseout="document.picture.src=image1.src" />

必要な JavaScript は次のとおりです。

<script language="Javascript" type="text/javascript">
    image1 = new Image
    image1.src = "Images/circle.jpg"
    image2 = new Image
    image2.src = "Images/squre.jpg"
</script>