Захват пользовательского ввода для рисования линии симметрии на определенной фигуре

Question

Как бы вы зафиксировали пользовательский ввод относительно линии симметрии для определенного изображения (отображается как <img src=""> или на холсте.

(например, изображение может быть флагом Candian или японским флагом или флагом Южной Кореи. Пользователю будет предложено нанести на него линию симметрии). Как мы собираемся собрать эту информацию?

Answer 1

Несколько параметров, посвященных наименее общему знаменателю:

1): Javascript (jquery для краткости)

$(document).ready(function(){
    $('#target-image').click(function(evt){
        var pX = evt.clientX - $(this).offset().left,
            pY = evt.clientY - $(this).offset().top;
       // do calcs. 
    });
});

2).Карта изображения на стороне сервера (несколько устаревшая ... но я бы сказал, более забытая):

HTML:

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

PHP:

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

---

Добавлен комментарий - я думаю, 2-й работает.Если ничего другого, данные x / y обязательно находятся в строке запроса.