Question

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

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

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

my picture

我的裁剪背景是红色，所选区域有原始颜色，但奇怪的是没有调整大小的方块，如下图所示：

good picture

我的代码如下所示：

头：

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

我希望有人知道问题是什么：）

Answer 1

您是否看过this JCrop造型示例？也许这是一个CSS问题？

您有代码的实时示例吗？

Jcrop插件无法使用resize功能

1 个答案: