Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Программирование и базы данных (http://forum.oszone.net/forumdisplay.php?f=21)
-   -   Область для выделения части изображения - plug+js? (http://forum.oszone.net/showthread.php?t=232794)

Killer_13 14-04-2012 10:49 1899359

Область для выделения части изображения - plug+js?
 
Здравств, вот не знаю с какой стороны подойти...
Есть у меня картинка которую я получаю с сервера,
есть вот такой плагин http://odyniec.net/projects/imgareaselect/,
это все работает, тоисть я выделяю кусочек картинки, данные отправляются на сервер и так д... С этим вопросов нет.
Дело в том, что нужно ограничить область выделения тоисть сделать возможным выделять не всю картинку, а только ее часть
К примеру, я получил картинку а позволить выделять только определенную область, вот наглядней http://dl.dropbox.com/u/26399837/Forums/flower2.jpg


Вот какой у меня код для выделения всей картинки. Использую jQuery.

HTML код:

<head>
<script type="text/javascript" src="./jQuery/jquery-1.7.2.js"></script>
<link rel="stylesheet" type="text/css"
        href="./jQuery/imgareaselect-0.9.8/css/imgareaselect-default.css" />

<script type="text/javascript"
        src="./jQuery/imgareaselect-0.9.8/scripts/jquery.min.js">
</script>
<script type="text/javascript"
        src="./jQuery/imgareaselect-0.9.8/scripts/jquery.imgareaselect.pack.js">
</script>
<script type="text/javascript">
                        $(document).ready(function() {
                                $('#target').imgAreaSelect({
                                        handles : true,
                                        movable : false,
                                        resizable : false,
                                                autoHide : true,
                                        onSelectEnd : function(img, selection)
                                                $("#target").attr("src","/JFreeeChartServlet/generateImg?x1=" + selection.x1
                                                                                                                                                                  + "&y1=" + selection.y1
                                                                                                                                                                  + "&x2=" + selection.x2
                                                                                                                                                                  + "&y2=" + selection.y2
                                                                                                                                                                  + "&width=" + selection.width
                                                                                                                                                                  + "&height=" + selection.height);       
                                        }
                                });
                        });

                </script>
<title>JFreeChart_Bsp</title>
</head>
<body>
        <img src="/JFreeeChartServlet/generateImg" id="target"
                alt="generateImg" height="750" width="1450" />

</body>

Спасибо!

Iska 14-04-2012 10:57 1899365

Коллега приводил такую ссылку: 8 Most Popular JavaScript Image Cropping Scripts | Hot Scripts Blog в ответ на подобный же вопрос. Не знаю, то ли это, и поможет ли Вам чем-нибудь. Сам я с JavaScript не работаю.

Killer_13 14-04-2012 10:59 1899368

Цитата:

Цитата Iska
Коллега приводил такую ссылку: 8 Most Popular JavaScript Image Cropping Scripts | Hot Scripts Blog. »

- Спасибо, но прочтите пожалуйста внимательно, что я спрашиваю! Область то я выделяю, у мне нужно ограничить область выделения! тоисть возможность выделения области только на определенном участке картинки.

ferget 14-04-2012 11:06 1899375

там же исходники с комментариями приложены

если с этим кодом

Код:

        /* Image position (relative to viewport) */
        left, top,
       
        /* Image offset (as returned by .offset()) */
        imgOfs = { left: 0, top: 0 },
       
        /* Image dimensions (as returned by .width() and .height()) */
        imgWidth, imgHeight,

попробовать что-нибудь сделать?

Killer_13 14-04-2012 11:09 1899378

Хмммм, идея, нужно будет попробовать, а то я не знаю какого размера картинка приходит, тоисть знаю, но она может меняться, тут статически не получится..

Iska 14-04-2012 11:36 1899392

Killer_13, в таком случае, теперь я приведу ему ссылку на Ваш код ;).

Killer_13 14-04-2012 11:45 1899399

Цитата:

Цитата Iska
Killer_13, в таком случае, теперь я приведу ему ссылку на Ваш код . »

- пасиб.


Время: 23:18.

Время: 23:18.
© OSzone.net 2001-