README

安装方法

composer require webajato/crop

在示例文件夹中查看示例

包含在HTML的头部

    <link rel="stylesheet" href="assets/cropper.min.css">
    <link rel="stylesheet" href="assets/webajato.cropper.css">
    <script src="assets/cropper.min.js"></script>

注意：必须使用jquery。

在HTML中（在表单外）

    <div
        id="dv_image"
        data-src="../src/assets/upload.png"
        data-width="600"
        data-height="400"
        ></div>

    <script src="assets/webajato.cropper.js"></script>
    <script>
        webCropper.init(document.getElementById('dv_image'));
    </script>

警告

将 src/assets 目录下的文件复制到 public/assets/crop 或网站根目录。

在PHP中保存

在保存前，需要在 path.php 文件中定义 PATH 和 URL（位于 app 文件夹内）。示例：

// ...
define('PATH', "/home/usuario/public_html/"); // Definido no arquivo app/config.php
define('URL', "/"); // Definido no arquivo app/config.php
// ...
define('PATH_PRODUTOS', \PATH . 'upload/produtos');
define('URL_PRODUTOS', \URL . 'upload/produtos');
// ...

<?php
// include '../vendor/autoload.php';
namespace App\Controllers;

use Crop\Crop;

class ProdutoController {
    public function upload ()
    {
        if (isset($_FILES['imagem'])) {
            $c = new Crop();

            /*
            * Define dimensões:
            * 1. Parametro: Width
            * 2. Parametro: Height (opcional)
            */
            $c->setSizeNormal(800, 400); // Tamanho maximo da foto principal
            $c->setSizeThumb(300, 150); // Tamanho maximo da Thumb e proporção

            $c->upload(
                \PATH_PRODUTOS . '/arquivo.png', // Foto principal
                \PATH_PRODUTOS . '/arquivo_thumb.png' // Foto Thumb
            );
        }
    }
}