4

我的 Jcrop 插件无法正常工作。

我可以选择一个区域进行裁剪，但边缘没有小的调整大小的正方形。我不知道这是特定功能还是默认设置。

这就是我的意思。我的作物区域现在看起来像这样：

我的照片

我的裁剪背景是红色的，所选区域具有原始颜色，但奇怪的是没有像这张图片中那样调整大小的正方形：

好照片

我的代码如下所示：

头部：

<head>
    <title>Het Vergeet-mij-nietje</title>
    <script type="text/javascript" src="js/showfunctie.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.Jcrop.min.js"></script>
    <link rel="stylesheet" href="style/css/demos.css" type="text/css" />

    <script language="Javascript">
        jQuery(function($){

          var jcrop_api;

          $('#cropbox').Jcrop({
            bgColor: 'red'
          },function(){
            jcrop_api = this;
          });

          $('#animbutton').click(function(e){
            jcrop_api.animateTo([ 120,120,80,80 ]);
            return false;
          });

          $('#delselect').click(function(e){
            jcrop_api.release();
            return false;
          });

        });
        </script>
</head>

我的图像代码：

 <div id="content1">
 <?php 
     $target = "uploads/"; 
     $target = $_POST["imagesource"];        
     $target = $target . basename( $_FILES['filename']['name']) ; 
     $ok=1; 
     if(move_uploaded_file($_FILES['filename']['tmp_name'], $target)) 
     {
     echo "De afbeelding *". basename( $_FILES['filename']['name']). "* is geupload naar de map 'uploads'";
     } 
     else {
     echo "Sorry, er is een probleem met het uploaden van de afbeelding.";
     }
 ?> 
 <br /> <br />

 <img id="cropbox" src="<?php echo $target ?>" width="400px" />

 <br /> <br />
</div>

我希望有人知道是什么问题:)

4

1 回答 1

5

你看过这个JCrop 样式示例吗？也许这是一个CSS问题？

你有你的代码的一个活生生的例子吗？

于 2012-11-23T20:32:55.267 回答