gpt4 book ai didi

javascript - jquery 中的 ImgAreaSelect

转载 作者:行者123 更新时间:2023-11-30 05:41:33 24 4
gpt4 key购买 nike

我是 jquery 的新手。我在 jquery 中的任务是“ImgAreaSelect”我从早上开始就在尝试这个,但没有达到目标。请查看我的代码:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/imgareaselect-default.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://odyniec.net/projects/imgareaselect/css/imgareaselect-animated.css"></script>
<script>
$(document).ready(function () {
$('#ladybug_ant').imgAreaSelect({
handles: true,
onSelectEnd: function(img, selection){
if (!selection.width || !selection.height){
return;
}
$('#x1').val(selection.x1);
$('#y1').val(selection.y1);
$('#x2').val(selection.x2);
$('#y2').val(selection.y2);
$('#w').val(selection.width);
$('#h').val(selection.height);
}
});
});

</script>
</head>
<body>
<img src="http://jotform.org/demo/jquery-image-area-select-plugin/images/sweet-dogs.jpg" id="ladybug_ant">
</body>
</html>

最佳答案

您似乎缺少必须从 http://odyniec.net/projects/imgareaselect/ 下载的插件本身

jQuery 只是核心,不包含图像区域选择方法

加载插件后,您将能够使用 $('#ladybug_ant').imgAreaSelect({ .. });

这是一个例子 http://jsfiddle.net/8TwRJ/

关于javascript - jquery 中的 ImgAreaSelect,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20538876/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com