zoukankan      html  css  js  c++  java
  • JQuery Jcrop—JQuery Jcrop 图像裁剪工具学习

    options 參数说明:

    名称默认值说明
    allowSelect
    true
    同意新选框
    allowMove
    true
    同意选框移动
    allowResize
    true
    同意选框缩放
    trackDocument
    true

    baseClass
    "jcrop"
    基础样式名前缀。说明:class="jcrop-holder",更改的仅仅是当中的 jcrop
    addClass
    null
    加入样式。例:如果值为 "test"。那么会加入样式到 class="test jcrop-holder"
    bgColor
    "black"
    背景颜色。

    颜色keyword、HEXRGB均可。

    bgOpacity
    0.6
    背景透明度
    bgFade
    false
    使用背景过渡效果
    borderOpacity
    0.4
    选框边框透明度
    handleOpacity
    0.5
    缩放button透明度
    handleSize
    9
    缩放button大小
    handleOffset
    5
    缩放button与边框的距离
    aspectRatio
    0
    选框宽高比。说明:width/height
    keySupport
    true
    支持键盘控制。按键列表:上下左右(移动)、Esc(取消)、Tab(跳出裁剪框。到下一个)
    cornerHandles
    true
    同意边角缩放
    sideHandles
    true
    同意四边缩放
    drawBorders
    true
    绘制边框
    dragEdges
    true
    同意拖动边框
    fixedSupport
    true

    touchSupport
    null

    boxWidth
    0
    画布宽度
    boxHeight
    0
    画布高度
    boundary
    2
    边界。说明:能够从边界開始拖动鼠标选择裁剪区域
    fadeTime
    400
    过度效果的时间
    animationDelay
    20
    动画延迟
    swingSpeed
    3
    过渡速度
    minSelect
    [0,0]
    选框最小选择尺寸。

    说明:若选框小于该尺寸,则自己主动取消选择

    maxSize
    [0,0]
    选框最大尺寸
    minSize
    [0,0]
    选框最小尺寸
    onChange
    function(){}
    选框改变时的事件
    onSelect
    function(){}
    选框选定时的事件
    onRelease
    function(){}
    取消选框时的事件

    API 接口:

    名称说明
    setImage(string)设定(或改变)图像。

    例:jcrop_api.setImage("newpic.jpg")

    setOptions(object)设定(或改变)參数,格式与初始化设置參数一样
    setSelect(array)创建选框,參数格式为:[x,y,x2,y2]
    animateTo(array)用动画效果创建选框,參数格式为:[x,y,x2,y2]
    release()取消选框
    disable()禁用 Jcrop

    说明:已有选框不会被清除。

    enable()启用 Jcrop
    destroy()移除 Jcrop
    tellSelect()获取选框的值(实际尺寸)。样例:console.log(jcrop_api.tellSelect())
    tellScaled()获取选框的值(界面尺寸)。

    样例:console.log(jcrop_api.tellScaled())

    getBounds()获取图片实际尺寸。格式为:[w,h]
    getWidgetSize()获取图片显示尺寸。格式为:[w,h]
    getScaleFactor()获取图片缩放的比例,格式为:[w,h]
    官方站点:http://deepliquid.com/content/Jcrop.html

    0分下载资源

  • 相关阅读:
    java 编程语言基础 第一章 自我介绍
    Spring详解(四)------注解配置IOC、DI
    Spring详解(三)------DI依赖注入
    Spring详解(一)------概述
    mybatis 详解(十一)------ mybatis和spring整合
    mybatis 详解(十)------ 逆向工程
    mybatis 详解(九)------ 一级缓存、二级缓存
    mybatis 详解(八)------ 懒加载
    mybatis 详解(七)------一对一、一对多、多对多
    06-单例模式
  • 原文地址:https://www.cnblogs.com/wgwyanfs/p/6777257.html
Copyright © 2011-2022 走看看