Войти

Показать полную графическую версию : Область для выделения части изображения - plug+js?


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

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

<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
Коллега приводил такую ссылку: 8 Most Popular JavaScript Image Cropping Scripts | Hot Scripts Blog (http://www.hotscripts.com/blog/javascript-image-cropping-scripts/) в ответ на подобный же вопрос. Не знаю, то ли это, и поможет ли Вам чем-нибудь. Сам я с JavaScript не работаю.

Killer_13
14-04-2012, 10:59
Коллега приводил такую ссылку: 8 Most Popular JavaScript Image Cropping Scripts | Hot Scripts Blog. » - Спасибо, но прочтите пожалуйста внимательно, что я спрашиваю! Область то я выделяю, у мне нужно ограничить область выделения! тоисть возможность выделения области только на определенном участке картинки.

ferget
14-04-2012, 11:06
там же исходники с комментариями приложены

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


/* 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
Хмммм, идея, нужно будет попробовать, а то я не знаю какого размера картинка приходит, тоисть знаю, но она может меняться, тут статически не получится..

Iska
14-04-2012, 11:36
Killer_13, в таком случае, теперь я приведу ему ссылку на Ваш код ;).

Killer_13
14-04-2012, 11:45
Killer_13, в таком случае, теперь я приведу ему ссылку на Ваш код . » - пасиб.




© OSzone.net 2001-2012