Javascript 捕获用户输入以绘制特定形状上的对称线

您将如何捕获关于特定图像（呈现为

或在画布上）的对称线的用户输入

---

（例如，图像可以是坎地安国旗、日本国旗或韩国国旗。用户将被要求在其上绘制对称线）。我们如何获取这些信息。

几个选项，专门用于最小公分母：

1） ：Javascript（为了简洁起见jquery）

2） 。服务器端图像映射（有点过时……但我想说的是，更容易忘记）：

HTML:

PHP:

---

向我们展示你目前掌握的代码，这有点难以想象
$(document).ready(function(){
    $('#target-image').click(function(evt){
        var pX = evt.clientX - $(this).offset().left,
            pY = evt.clientY - $(this).offset().top;
       // do calcs. 
    });
});

<a href="handler.php"><img src="foo.png" ismap="ismap" /></a>

<?php
  if (array_key_exists($_REQUEST['x']) && (array_key_exists($_REQUEST['y']))
  {
     $pX = intval($_POST['x'],10);
     $pY = intval($_POST['y'],10);
     // do calcs.
  }