当前位置：文江博客话题详情

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

发布于 2024-11-08 04:59:59 字数 113 浏览 2 评论 0原文

如何捕获有关特定图像对称线的用户输入（呈现为或在画布上。

（例如，图像可以是加拿大国旗或日本国旗或韩国国旗，我们将被要求在其上绘制对称线）。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你是暖光i 2024-11-15 04:59:59

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

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.
  }

添加注释 - 我认为第二个有效。如果不出意外的话，x/y 数据肯定在查询字符串中。

A couple of options, dedicated to the least common denominator:

1): Javascript (jquery for brevity)

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

2). Server side Image Map (somewhat antiquated... but more forgotten, I'd say):

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.
  }

added comment -- I think the 2nd works. If nothing else, the x/y data is certainly in the query string.

回复收藏 0 原文

~没有更多了~