Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
6509 lines (4671 sloc) 162 KB

Classes

jmList
jmObject
jmPropertyjmObject
jmEvents
jmMouseEvent

鼠标事件处理对象,container 为事件主体,target为响应事件对象

jmKeyEvent

健盘事件处理对象,container 为事件主体,target为响应事件对象

jmGradient
jmShadow
jmControljmProperty
jmPathjmControl
jmArcjmPath
jmArcjmPath
jmArrawjmPath
jmBezierjmPath
jmCirclejmArc
jmControljmProperty
jmHArcjmArc
jmLinejmPath
jmPathjmControl
jmPrismaticjmPath
jmRectjmPath
jmArrawLinejmLine
jmImagejmControl
jmLabeljmControl
jmResizejmRect
jmGraphjmControl

Functions

add(obj)

往集合中添加对象

remove(obj)

从集合中移除指定对象

removeAt(index)

按索引移除对象

contain(obj)

判断是否包含某个对象

get(index)any

从集合中获取某个对象

each(cb, inverse)

遍历当前集合

count([handler])integer

获取当前集合对象个数

clear()

清空当前集合

judge 判断点是否在多边形中(dot, coordinates, 是否为实心)boolean
is(type)boolean

检 查对象是否为指定类型

animate(handle, millisec)

给控件添加动画处理,如果成功执行会导致画布刷新。

__pro(name, value)any

基础属性读写接口

addStop(offset, color)

添加渐变色

toGradient(control)gradient

生成为canvas的渐变对象

fromString()string

变换为字条串格式 linear-gradient(x1 y1 x2 y2, color1 step, color2 step, ...); //radial-gradient(x1 y1 r1 x2 y2 r2, color1 step,color2 step, ...); linear-gradient线性渐变,x1 y1表示起点,x2 y2表示结束点,color表颜色,step为当前颜色偏移 radial-gradient径向渐变,x1 y1 r1分别表示内圆中心和半径,x2 y2 r2为结束圆 中心和半径,颜色例似线性渐变 step为0-1之间

toString()string

转换为渐变的字符串表达

fromString(s)

根据字符串格式转为阴影

toString()string

转为字符串格式 x,y,blur,color

initializing()

初始化对象,设定样式,初始化子控件对象 此方法为所有控件需调用的方法

getBounds([isReset])object

获取当前控件的边界 通过分析控件的描点或位置加宽高得到为方形的边界

getLocation()object

获取当前控件的位置相关参数 解析百分比和margin参数

remove()

移除当前控件 如果是VML元素,则调用其删除元素

offset(x, y, [trans], [evt])

对控件进行平移 遍历控件所有描点或位置,设置其偏移量。

getAbsoluteBounds()object

获取控件相对于画布的绝对边界, 与getBounds不同的是:getBounds获取的是相对于父容器的边界.

beginDraw()

画控件前初始化 执行beginPath开始控件的绘制

endDraw()

结束控件绘制

draw()

绘制控件 在画布上描点

paint()

绘制当前控件 协调控件的绘制,先从其子控件开始绘制,再往上冒。

getEvent(name)list

获取指定事件的集合 比如mousedown,mouseup等

bind(name, handle)

绑定控件的事件

unbind(name, handle)

移除控件的事件

emit(name, args)

执行监听回调

runEventHandle(将执行的事件名称, 事件执行的参数,包括触发事件的对象和位置)

独立执行事件委托

checkPoint(p, [pad])boolean

检 查坐标是否落在当前控件区域中..true=在区域内

raiseEvent(name, args)boolean

触发控件事件,组合参数并按控件层级关系执行事件冒泡。

clearEvents(name)

清空控件指定事件

findParent(类型名称或类型对象)object

查找其父级类型为type的元素,直到找到指定的对象或到最顶级控件后返回空。

canMove(m, [graph])

设定是否可以移动 此方法需指定jmgraph或在控件添加到jmgraph后再调用才能生效。

getPoint(ps, t)array

根据控制点和参数t生成贝塞尔曲线轨迹点

offset(x, y, [trans])

对控件进行平移 遍历控件所有描点或位置,设置其偏移量。

draw()

重写基类画图,此处为画一个完整的圆

initializing()

初始化对象,设定样式,初始化子控件对象 此方法为所有控件需调用的方法

getBounds([isReset])object

获取当前控件的边界 通过分析控件的描点或位置加宽高得到为方形的边界

getLocation()object

获取当前控件的位置相关参数 解析百分比和margin参数

remove()

移除当前控件 如果是VML元素,则调用其删除元素

offset(x, y, [trans], [evt])

对控件进行平移 遍历控件所有描点或位置,设置其偏移量。

getAbsoluteBounds()object

获取控件相对于画布的绝对边界, 与getBounds不同的是:getBounds获取的是相对于父容器的边界.

beginDraw()

画控件前初始化 执行beginPath开始控件的绘制

endDraw()

结束控件绘制

draw()

绘制控件 在画布上描点

paint()

绘制当前控件 协调控件的绘制,先从其子控件开始绘制,再往上冒。

getEvent(name)list

获取指定事件的集合 比如mousedown,mouseup等

bind(name, handle)

绑定控件的事件

unbind(name, handle)

移除控件的事件

emit(name, args)

执行监听回调

runEventHandle(将执行的事件名称, 事件执行的参数,包括触发事件的对象和位置)

独立执行事件委托

checkPoint(p, [pad])boolean

检 查坐标是否落在当前控件区域中..true=在区域内

raiseEvent(name, args)boolean

触发控件事件,组合参数并按控件层级关系执行事件冒泡。

clearEvents(name)

清空控件指定事件

findParent(类型名称或类型对象)object

查找其父级类型为type的元素,直到找到指定的对象或到最顶级控件后返回空。

canMove(m, [graph])

设定是否可以移动 此方法需指定jmgraph或在控件添加到jmgraph后再调用才能生效。

getBounds()bound

获取当前控件的边界

checkPoint(p)boolean

重写检查坐标是否在区域内

sourceHeight()number

被剪切高度

image()img

设定要绘制的图像或其它多媒体对象,可以是图片地址,或图片image对象

draw()

重写控件绘制 根据父边界偏移和此控件参数绘制图片

getBounds()object

获取当前控件的边界

getImage()img

img对象

getLocation()Object

在基础的getLocation上,再加上一个特殊的center处理

testSize()object

测试获取文本所占大小

draw()

根据位置偏移画字符串

reset(px, py, dx, dy)

按移动偏移量重置当前对象,并触发大小和位置改变事件

init()

初始化画布

create()jmGraph

创建jmGraph的静态对象

getPosition()postion

获取当前画布在浏览器中的绝对定位

registerShape(name, shape)

注册图形类型,图形类型必需有统一的构造函数。参数为画布句柄和参数对象。

createShape(name, args)object

从已注册的图形类创建图形 简单直观创建对象

createShadow(x, y, blur, color)jmShadow

生成阴影对象

createLinearGradient(x1, y1, x2, y2)jmGradient

生成线性渐变对象

createRadialGradient(x1, y1, r1, x2, y2, r2)jmGradient

生成放射渐变对象

refresh()

重新刷新整个画板 以加入动画事件触发延时10毫秒刷新,保存最尽的调用只刷新一次,加强性能的效果。

redraw([w], [h])

重新刷新整个画板 此方法直接重画,与refresh效果类似

clear([w], [h])

清除画布

css(name, value)

设置画布样式,此处只是设置其css样式

createPath(points, style)jmPath

生成路径对象

createLine(start, end, 直线的样式)jmLine

生成直线

zoomOut()

缩小整个画布按比例0.9

zoomIn()

放大 每次增大0.1的比例

zoomActual()

大小复原

scale(dx, dy)

放大缩小画布

toDataURL()string

保存为base64图形数据

jmList

Kind: global class
For: jmUtils

new jmList([arr])

自定义集合

Param Type Description
[arr] array 数组,可转为当前list元素

jmObject

Kind: global class
For: jmGraph

new jmObject()

所有jm对象的基础对象

jmProperty ⇐ jmObject

Kind: global class
Extends: jmObject
Require: jmObject

new jmProperty()

对象属性管理

jmProperty.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmProperty
Properties

Name
needUpdate

jmProperty.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmProperty
Properties

Name
graph

jmEvents

Kind: global class
For: jmGraph

new jmEvents()

事件模型

jmMouseEvent

鼠标事件处理对象,container 为事件主体,target为响应事件对象

Kind: global class

jmKeyEvent

健盘事件处理对象,container 为事件主体,target为响应事件对象

Kind: global class

jmKeyEvent.init()

初始化健盘事件

Kind: instance method of jmKeyEvent

jmGradient

Kind: global class

new jmGradient(op)

渐变类

Param Type Description
op object 渐变参数,type:[linear= 线性渐变,radial=放射性渐变]

jmShadow

Kind: global class

new jmShadow(x, y, blur, color)

画图阴影对象表示法

Param Type Description
x number 横坐标偏移量
y number 纵坐标编移量
blur number 模糊值
color string 阴影的颜色

jmControl ⇐ jmProperty

Kind: global class
Extends: jmProperty

new jmControl()

控件基础对象 控件的基础属性和方法

new jmControl()

控件基础对象 控件的基础属性和方法

jmControl.type : string

当前对象类型名jmRect

Kind: instance property of jmControl
Properties

Name
type

jmControl.context : object

当前canvas的context

Kind: instance property of jmControl
Properties

Name
context

jmControl.style : object

样式

Kind: instance property of jmControl
Properties

Name
style

jmControl.visible : boolean

当前控件是否可见

Kind: instance property of jmControl
Default: true
Properties

Name
visible

jmControl.children : list

当前控件的子控件集合

Kind: instance property of jmControl
Properties

Name
children

children.sort()

根据控件zIndex排序,越大的越高

Kind: static method of children

children.sort()

根据控件zIndex排序,越大的越高

Kind: static method of children

jmControl.width : number

宽度

Kind: instance property of jmControl
Properties

Name
width

jmControl.height : number

高度

Kind: instance property of jmControl
Properties

Name
height

jmControl.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmControl
Properties

Name
zIndex

jmControl.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmControl
Properties

Name
cursor

jmControl.type : string

当前对象类型名jmRect

Kind: instance property of jmControl
Properties

Name
type

jmControl.context : object

当前canvas的context

Kind: instance property of jmControl
Properties

Name
context

jmControl.style : object

样式

Kind: instance property of jmControl
Properties

Name
style

jmControl.visible : boolean

当前控件是否可见

Kind: instance property of jmControl
Default: true
Properties

Name
visible

jmControl.children : list

当前控件的子控件集合

Kind: instance property of jmControl
Properties

Name
children

children.sort()

根据控件zIndex排序,越大的越高

Kind: static method of children

children.sort()

根据控件zIndex排序,越大的越高

Kind: static method of children

jmControl.width : number

宽度

Kind: instance property of jmControl
Properties

Name
width

jmControl.height : number

高度

Kind: instance property of jmControl
Properties

Name
height

jmControl.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmControl
Properties

Name
zIndex

jmControl.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmControl
Properties

Name
cursor

jmControl.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmControl
Overrides: needUpdate
Properties

Name
needUpdate

jmControl.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmControl
Overrides: graph
Properties

Name
graph

jmControl.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmControl
Returns: object - 旋转中心和角度

jmControl.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmControl

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmControl.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmControl
Returns: object - 旋转中心和角度

jmControl.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmControl

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmPath ⇐ jmControl

Kind: global class
Extends: jmControl

new jmPath(params)

基础路径,大部分图型的基类 指定一系列点,画出图形

Param Type Description
params object 路径参数 points=所有描点

new jmPath(params)

基础路径,大部分图型的基类 指定一系列点,画出图形

Param Type Description
params object 路径参数 points=所有描点

jmPath.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmPath
Properties

Name
points

jmPath.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmPath
Properties

Name
points

jmPath.type : string

当前对象类型名jmRect

Kind: instance property of jmPath
Overrides: type
Properties

Name
type

jmPath.context : object

当前canvas的context

Kind: instance property of jmPath
Overrides: context
Properties

Name
context

jmPath.style : object

样式

Kind: instance property of jmPath
Overrides: style
Properties

Name
style

jmPath.visible : boolean

当前控件是否可见

Kind: instance property of jmPath
Default: true
Overrides: visible
Properties

Name
visible

jmPath.children : list

当前控件的子控件集合

Kind: instance property of jmPath
Overrides: children
Properties

Name
children

jmPath.width : number

宽度

Kind: instance property of jmPath
Overrides: width
Properties

Name
width

jmPath.height : number

高度

Kind: instance property of jmPath
Overrides: height
Properties

Name
height

jmPath.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmPath
Overrides: zIndex
Properties

Name
zIndex

jmPath.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmPath
Overrides: cursor
Properties

Name
cursor

jmPath.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmPath
Overrides: needUpdate
Properties

Name
needUpdate

jmPath.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmPath
Overrides: graph
Properties

Name
graph

jmPath.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmPath
Overrides: getRotation
Returns: object - 旋转中心和角度

jmPath.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmPath
Overrides: rotate

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmArc ⇐ jmPath

Kind: global class
Extends: jmPath

new jmArc(params)

圆弧图型 继承自jmPath

Param Type Description
params object center=当前圆弧中心,radius=圆弧半径,start=圆弧起始角度,end=圆弧结束角度,anticlockwise= false 顺时针,true 逆时针

new jmArc(params)

圆弧图型 继承自jmPath

Param Type Description
params object center=当前圆弧中心,radius=圆弧半径,start=圆弧起始角度,end=圆弧结束角度,anticlockwise= false 顺时针,true 逆时针

jmArc.center : point

中心点 point格式:{x:0,y:0,m:true}

Kind: instance property of jmArc
Properties

Name
center

jmArc.radius : number

半径

Kind: instance property of jmArc
Properties

Name
radius

jmArc.startAngle : number

扇形起始角度

Kind: instance property of jmArc
Properties

Name
startAngle

jmArc.endAngle : number

扇形结束角度

Kind: instance property of jmArc
Properties

Name
endAngle

jmArc.anticlockwise : boolean

可选。规定应该逆时针还是顺时针绘图 false 顺时针,true 逆时针

Kind: instance property of jmArc
Properties

Name
anticlockwise

jmArc.center : point

中心点 point格式:{x:0,y:0,m:true}

Kind: instance property of jmArc
Properties

Name
center

jmArc.radius : number

半径

Kind: instance property of jmArc
Properties

Name
radius

jmArc.startAngle : number

扇形起始角度

Kind: instance property of jmArc
Properties

Name
startAngle

jmArc.endAngle : number

扇形结束角度

Kind: instance property of jmArc
Properties

Name
endAngle

jmArc.anticlockwise : boolean

可选。规定应该逆时针还是顺时针绘图 false 顺时针,true 逆时针

Kind: instance property of jmArc
Properties

Name
anticlockwise

jmArc.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmArc
Overrides: points
Properties

Name
points

jmArc.type : string

当前对象类型名jmRect

Kind: instance property of jmArc
Overrides: type
Properties

Name
type

jmArc.context : object

当前canvas的context

Kind: instance property of jmArc
Overrides: context
Properties

Name
context

jmArc.style : object

样式

Kind: instance property of jmArc
Overrides: style
Properties

Name
style

jmArc.visible : boolean

当前控件是否可见

Kind: instance property of jmArc
Default: true
Overrides: visible
Properties

Name
visible

jmArc.children : list

当前控件的子控件集合

Kind: instance property of jmArc
Overrides: children
Properties

Name
children

jmArc.width : number

宽度

Kind: instance property of jmArc
Overrides: width
Properties

Name
width

jmArc.height : number

高度

Kind: instance property of jmArc
Overrides: height
Properties

Name
height

jmArc.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmArc
Overrides: zIndex
Properties

Name
zIndex

jmArc.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmArc
Overrides: cursor
Properties

Name
cursor

jmArc.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmArc
Overrides: needUpdate
Properties

Name
needUpdate

jmArc.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmArc
Overrides: graph
Properties

Name
graph

jmArc.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmArc
Overrides: getRotation
Returns: object - 旋转中心和角度

jmArc.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmArc
Overrides: rotate

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmArc ⇐ jmPath

Kind: global class
Extends: jmPath

new jmArc(params)

圆弧图型 继承自jmPath

Param Type Description
params object center=当前圆弧中心,radius=圆弧半径,start=圆弧起始角度,end=圆弧结束角度,anticlockwise= false 顺时针,true 逆时针

new jmArc(params)

圆弧图型 继承自jmPath

Param Type Description
params object center=当前圆弧中心,radius=圆弧半径,start=圆弧起始角度,end=圆弧结束角度,anticlockwise= false 顺时针,true 逆时针

jmArc.center : point

中心点 point格式:{x:0,y:0,m:true}

Kind: instance property of jmArc
Properties

Name
center

jmArc.radius : number

半径

Kind: instance property of jmArc
Properties

Name
radius

jmArc.startAngle : number

扇形起始角度

Kind: instance property of jmArc
Properties

Name
startAngle

jmArc.endAngle : number

扇形结束角度

Kind: instance property of jmArc
Properties

Name
endAngle

jmArc.anticlockwise : boolean

可选。规定应该逆时针还是顺时针绘图 false 顺时针,true 逆时针

Kind: instance property of jmArc
Properties

Name
anticlockwise

jmArc.center : point

中心点 point格式:{x:0,y:0,m:true}

Kind: instance property of jmArc
Properties

Name
center

jmArc.radius : number

半径

Kind: instance property of jmArc
Properties

Name
radius

jmArc.startAngle : number

扇形起始角度

Kind: instance property of jmArc
Properties

Name
startAngle

jmArc.endAngle : number

扇形结束角度

Kind: instance property of jmArc
Properties

Name
endAngle

jmArc.anticlockwise : boolean

可选。规定应该逆时针还是顺时针绘图 false 顺时针,true 逆时针

Kind: instance property of jmArc
Properties

Name
anticlockwise

jmArc.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmArc
Overrides: points
Properties

Name
points

jmArc.type : string

当前对象类型名jmRect

Kind: instance property of jmArc
Overrides: type
Properties

Name
type

jmArc.context : object

当前canvas的context

Kind: instance property of jmArc
Overrides: context
Properties

Name
context

jmArc.style : object

样式

Kind: instance property of jmArc
Overrides: style
Properties

Name
style

jmArc.visible : boolean

当前控件是否可见

Kind: instance property of jmArc
Default: true
Overrides: visible
Properties

Name
visible

jmArc.children : list

当前控件的子控件集合

Kind: instance property of jmArc
Overrides: children
Properties

Name
children

jmArc.width : number

宽度

Kind: instance property of jmArc
Overrides: width
Properties

Name
width

jmArc.height : number

高度

Kind: instance property of jmArc
Overrides: height
Properties

Name
height

jmArc.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmArc
Overrides: zIndex
Properties

Name
zIndex

jmArc.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmArc
Overrides: cursor
Properties

Name
cursor

jmArc.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmArc
Overrides: needUpdate
Properties

Name
needUpdate

jmArc.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmArc
Overrides: graph
Properties

Name
graph

jmArc.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmArc
Overrides: getRotation
Returns: object - 旋转中心和角度

jmArc.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmArc
Overrides: rotate

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmArraw ⇐ jmPath

Kind: global class
Extends: jmPath

new jmArraw(生成箭头所需的参数)

画箭头,继承自jmPath

Param Type
生成箭头所需的参数 object

jmArraw.start : point

控制起始点

Kind: instance property of jmArraw
For: jmArraw
Properties

Name
start

jmArraw.end : point

控制结束点

Kind: instance property of jmArraw
For: jmArraw
Properties

Name
end

jmArraw.angle : number

箭头角度

Kind: instance property of jmArraw
For: jmArraw
Properties

Name
angle

jmArraw.offsetX : number

箭头X偏移量

Kind: instance property of jmArraw
For: jmArraw
Properties

Name
offsetX

jmArraw.offsetY : number

箭头Y偏移量

Kind: instance property of jmArraw
For: jmArraw
Properties

Name
offsetY

jmArraw.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmArraw
Overrides: points
Properties

Name
points

jmArraw.type : string

当前对象类型名jmRect

Kind: instance property of jmArraw
Properties

Name
type

jmArraw.context : object

当前canvas的context

Kind: instance property of jmArraw
Properties

Name
context

jmArraw.style : object

样式

Kind: instance property of jmArraw
Properties

Name
style

jmArraw.visible : boolean

当前控件是否可见

Kind: instance property of jmArraw
Default: true
Properties

Name
visible

jmArraw.children : list

当前控件的子控件集合

Kind: instance property of jmArraw
Properties

Name
children

jmArraw.width : number

宽度

Kind: instance property of jmArraw
Properties

Name
width

jmArraw.height : number

高度

Kind: instance property of jmArraw
Properties

Name
height

jmArraw.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmArraw
Properties

Name
zIndex

jmArraw.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmArraw
Properties

Name
cursor

jmArraw.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmArraw
Properties

Name
needUpdate

jmArraw.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmArraw
Properties

Name
graph

jmArraw.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmArraw
Returns: object - 旋转中心和角度

jmArraw.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmArraw

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmBezier ⇐ jmPath

Kind: global class
Extends: jmPath

new jmBezier(params)

贝塞尔曲线,继承jmPath N阶,参数points中为控制点

Param Type Description
params object 参数

jmBezier.cpoints : array

控制点

Kind: instance property of jmBezier
For: jmBezier
Properties

Name
cpoints

jmBezier.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmBezier
Overrides: points
Properties

Name
points

jmBezier.type : string

当前对象类型名jmRect

Kind: instance property of jmBezier
Properties

Name
type

jmBezier.context : object

当前canvas的context

Kind: instance property of jmBezier
Properties

Name
context

jmBezier.style : object

样式

Kind: instance property of jmBezier
Properties

Name
style

jmBezier.visible : boolean

当前控件是否可见

Kind: instance property of jmBezier
Default: true
Properties

Name
visible

jmBezier.children : list

当前控件的子控件集合

Kind: instance property of jmBezier
Properties

Name
children

jmBezier.width : number

宽度

Kind: instance property of jmBezier
Properties

Name
width

jmBezier.height : number

高度

Kind: instance property of jmBezier
Properties

Name
height

jmBezier.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmBezier
Properties

Name
zIndex

jmBezier.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmBezier
Properties

Name
cursor

jmBezier.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmBezier
Properties

Name
needUpdate

jmBezier.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmBezier
Properties

Name
graph

jmBezier.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmBezier
Returns: object - 旋转中心和角度

jmBezier.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmBezier

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmCircle ⇐ jmArc

Kind: global class
Extends: jmArc

new jmCircle(params)

画规则的圆弧

Param Type Description
params object 圆的参数:center=圆中心,radius=圆半径,优先取此属性,如果没有则取宽和高,width=圆宽,height=圆高

jmCircle.center : point

中心点 point格式:{x:0,y:0,m:true}

Kind: instance property of jmCircle
Overrides: center
Properties

Name
center

jmCircle.radius : number

半径

Kind: instance property of jmCircle
Overrides: radius
Properties

Name
radius

jmCircle.startAngle : number

扇形起始角度

Kind: instance property of jmCircle
Overrides: startAngle
Properties

Name
startAngle

jmCircle.endAngle : number

扇形结束角度

Kind: instance property of jmCircle
Overrides: endAngle
Properties

Name
endAngle

jmCircle.anticlockwise : boolean

可选。规定应该逆时针还是顺时针绘图 false 顺时针,true 逆时针

Kind: instance property of jmCircle
Overrides: anticlockwise
Properties

Name
anticlockwise

jmCircle.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmCircle
Overrides: points
Properties

Name
points

jmCircle.type : string

当前对象类型名jmRect

Kind: instance property of jmCircle
Properties

Name
type

jmCircle.context : object

当前canvas的context

Kind: instance property of jmCircle
Properties

Name
context

jmCircle.style : object

样式

Kind: instance property of jmCircle
Properties

Name
style

jmCircle.visible : boolean

当前控件是否可见

Kind: instance property of jmCircle
Default: true
Properties

Name
visible

jmCircle.children : list

当前控件的子控件集合

Kind: instance property of jmCircle
Properties

Name
children

jmCircle.width : number

宽度

Kind: instance property of jmCircle
Properties

Name
width

jmCircle.height : number

高度

Kind: instance property of jmCircle
Properties

Name
height

jmCircle.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmCircle
Properties

Name
zIndex

jmCircle.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmCircle
Properties

Name
cursor

jmCircle.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmCircle
Properties

Name
needUpdate

jmCircle.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmCircle
Properties

Name
graph

jmCircle.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmCircle
Returns: object - 旋转中心和角度

jmCircle.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmCircle

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmControl ⇐ jmProperty

Kind: global class
Extends: jmProperty

new jmControl()

控件基础对象 控件的基础属性和方法

new jmControl()

控件基础对象 控件的基础属性和方法

jmControl.type : string

当前对象类型名jmRect

Kind: instance property of jmControl
Properties

Name
type

jmControl.context : object

当前canvas的context

Kind: instance property of jmControl
Properties

Name
context

jmControl.style : object

样式

Kind: instance property of jmControl
Properties

Name
style

jmControl.visible : boolean

当前控件是否可见

Kind: instance property of jmControl
Default: true
Properties

Name
visible

jmControl.children : list

当前控件的子控件集合

Kind: instance property of jmControl
Properties

Name
children

children.sort()

根据控件zIndex排序,越大的越高

Kind: static method of children

children.sort()

根据控件zIndex排序,越大的越高

Kind: static method of children

jmControl.width : number

宽度

Kind: instance property of jmControl
Properties

Name
width

jmControl.height : number

高度

Kind: instance property of jmControl
Properties

Name
height

jmControl.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmControl
Properties

Name
zIndex

jmControl.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmControl
Properties

Name
cursor

jmControl.type : string

当前对象类型名jmRect

Kind: instance property of jmControl
Properties

Name
type

jmControl.context : object

当前canvas的context

Kind: instance property of jmControl
Properties

Name
context

jmControl.style : object

样式

Kind: instance property of jmControl
Properties

Name
style

jmControl.visible : boolean

当前控件是否可见

Kind: instance property of jmControl
Default: true
Properties

Name
visible

jmControl.children : list

当前控件的子控件集合

Kind: instance property of jmControl
Properties

Name
children

children.sort()

根据控件zIndex排序,越大的越高

Kind: static method of children

children.sort()

根据控件zIndex排序,越大的越高

Kind: static method of children

jmControl.width : number

宽度

Kind: instance property of jmControl
Properties

Name
width

jmControl.height : number

高度

Kind: instance property of jmControl
Properties

Name
height

jmControl.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmControl
Properties

Name
zIndex

jmControl.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmControl
Properties

Name
cursor

jmControl.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmControl
Overrides: needUpdate
Properties

Name
needUpdate

jmControl.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmControl
Overrides: graph
Properties

Name
graph

jmControl.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmControl
Returns: object - 旋转中心和角度

jmControl.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmControl

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmControl.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmControl
Returns: object - 旋转中心和角度

jmControl.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmControl

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmHArc ⇐ jmArc

Kind: global class
Extends: jmArc

new jmHArc(params)

画空心圆弧,继承自jmPath

Param Type Description
params object 空心圆参数:minRadius=中心小圆半径,maxRadius=大圆半径,start=起始角度,end=结束角度,anticlockwise=false 顺时针,true 逆时针

jmHArc.minRadius : number

设定或获取内空心圆半径

Kind: instance property of jmHArc
For: jmHArc
Properties

Name
minRadius

jmHArc.maxRadius : number

设定或获取外空心圆半径

Kind: instance property of jmHArc
For: jmHArc
Properties

Name
maxRadius

jmHArc.center : point

中心点 point格式:{x:0,y:0,m:true}

Kind: instance property of jmHArc
Overrides: center
Properties

Name
center

jmHArc.radius : number

半径

Kind: instance property of jmHArc
Overrides: radius
Properties

Name
radius

jmHArc.startAngle : number

扇形起始角度

Kind: instance property of jmHArc
Overrides: startAngle
Properties

Name
startAngle

jmHArc.endAngle : number

扇形结束角度

Kind: instance property of jmHArc
Overrides: endAngle
Properties

Name
endAngle

jmHArc.anticlockwise : boolean

可选。规定应该逆时针还是顺时针绘图 false 顺时针,true 逆时针

Kind: instance property of jmHArc
Overrides: anticlockwise
Properties

Name
anticlockwise

jmHArc.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmHArc
Overrides: points
Properties

Name
points

jmHArc.type : string

当前对象类型名jmRect

Kind: instance property of jmHArc
Properties

Name
type

jmHArc.context : object

当前canvas的context

Kind: instance property of jmHArc
Properties

Name
context

jmHArc.style : object

样式

Kind: instance property of jmHArc
Properties

Name
style

jmHArc.visible : boolean

当前控件是否可见

Kind: instance property of jmHArc
Default: true
Properties

Name
visible

jmHArc.children : list

当前控件的子控件集合

Kind: instance property of jmHArc
Properties

Name
children

jmHArc.width : number

宽度

Kind: instance property of jmHArc
Properties

Name
width

jmHArc.height : number

高度

Kind: instance property of jmHArc
Properties

Name
height

jmHArc.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmHArc
Properties

Name
zIndex

jmHArc.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmHArc
Properties

Name
cursor

jmHArc.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmHArc
Properties

Name
needUpdate

jmHArc.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmHArc
Properties

Name
graph

jmHArc.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmHArc
Returns: object - 旋转中心和角度

jmHArc.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmHArc

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmLine ⇐ jmPath

Kind: global class
Extends: jmPath

new jmLine(params)

画一条直线

Param Type Description
params object 直线参数:start=起始点,end=结束点,lineType=线类型(solid=实线,dotted=虚线),dashLength=虚线间隔(=4)

jmLine.start : point

控制起始点

Kind: instance property of jmLine
For: jmLine
Properties

Name
start

jmLine.end : point

控制结束点

Kind: instance property of jmLine
For: jmLine
Properties

Name
end

jmLine.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmLine
Overrides: points
Properties

Name
points

jmLine.type : string

当前对象类型名jmRect

Kind: instance property of jmLine
Properties

Name
type

jmLine.context : object

当前canvas的context

Kind: instance property of jmLine
Properties

Name
context

jmLine.style : object

样式

Kind: instance property of jmLine
Properties

Name
style

jmLine.visible : boolean

当前控件是否可见

Kind: instance property of jmLine
Default: true
Properties

Name
visible

jmLine.children : list

当前控件的子控件集合

Kind: instance property of jmLine
Properties

Name
children

jmLine.width : number

宽度

Kind: instance property of jmLine
Properties

Name
width

jmLine.height : number

高度

Kind: instance property of jmLine
Properties

Name
height

jmLine.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmLine
Properties

Name
zIndex

jmLine.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmLine
Properties

Name
cursor

jmLine.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmLine
Properties

Name
needUpdate

jmLine.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmLine
Properties

Name
graph

jmLine.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmLine
Returns: object - 旋转中心和角度

jmLine.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmLine

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmPath ⇐ jmControl

Kind: global class
Extends: jmControl

new jmPath(params)

基础路径,大部分图型的基类 指定一系列点,画出图形

Param Type Description
params object 路径参数 points=所有描点

new jmPath(params)

基础路径,大部分图型的基类 指定一系列点,画出图形

Param Type Description
params object 路径参数 points=所有描点

jmPath.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmPath
Properties

Name
points

jmPath.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmPath
Properties

Name
points

jmPath.type : string

当前对象类型名jmRect

Kind: instance property of jmPath
Overrides: type
Properties

Name
type

jmPath.context : object

当前canvas的context

Kind: instance property of jmPath
Overrides: context
Properties

Name
context

jmPath.style : object

样式

Kind: instance property of jmPath
Overrides: style
Properties

Name
style

jmPath.visible : boolean

当前控件是否可见

Kind: instance property of jmPath
Default: true
Overrides: visible
Properties

Name
visible

jmPath.children : list

当前控件的子控件集合

Kind: instance property of jmPath
Overrides: children
Properties

Name
children

jmPath.width : number

宽度

Kind: instance property of jmPath
Overrides: width
Properties

Name
width

jmPath.height : number

高度

Kind: instance property of jmPath
Overrides: height
Properties

Name
height

jmPath.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmPath
Overrides: zIndex
Properties

Name
zIndex

jmPath.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmPath
Overrides: cursor
Properties

Name
cursor

jmPath.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmPath
Overrides: needUpdate
Properties

Name
needUpdate

jmPath.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmPath
Overrides: graph
Properties

Name
graph

jmPath.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmPath
Overrides: getRotation
Returns: object - 旋转中心和角度

jmPath.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmPath
Overrides: rotate

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmPrismatic ⇐ jmPath

Kind: global class
Extends: jmPath

new jmPrismatic(params)

画棱形

Param Type Description
params object 参数 center=棱形中心点,width=棱形宽,height=棱形高

jmPrismatic.center : point

中心点 point格式:{x:0,y:0,m:true}

Kind: instance property of jmPrismatic
Properties

Name
center

jmPrismatic.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmPrismatic
Overrides: points
Properties

Name
points

jmPrismatic.type : string

当前对象类型名jmRect

Kind: instance property of jmPrismatic
Properties

Name
type

jmPrismatic.context : object

当前canvas的context

Kind: instance property of jmPrismatic
Properties

Name
context

jmPrismatic.style : object

样式

Kind: instance property of jmPrismatic
Properties

Name
style

jmPrismatic.visible : boolean

当前控件是否可见

Kind: instance property of jmPrismatic
Default: true
Properties

Name
visible

jmPrismatic.children : list

当前控件的子控件集合

Kind: instance property of jmPrismatic
Properties

Name
children

jmPrismatic.width : number

宽度

Kind: instance property of jmPrismatic
Overrides: width
Properties

Name
width

jmPrismatic.height : number

高度

Kind: instance property of jmPrismatic
Overrides: height
Properties

Name
height

jmPrismatic.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmPrismatic
Properties

Name
zIndex

jmPrismatic.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmPrismatic
Properties

Name
cursor

jmPrismatic.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmPrismatic
Properties

Name
needUpdate

jmPrismatic.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmPrismatic
Properties

Name
graph

jmPrismatic.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmPrismatic
Returns: object - 旋转中心和角度

jmPrismatic.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmPrismatic

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmRect ⇐ jmPath

Kind: global class
Extends: jmPath

new jmRect(params)

画矩形

Param Type Description
params object 参数 position=矩形左上角顶点坐标,width=宽,height=高,radius=边角弧度

jmRect.radius : number

圆角半径

Kind: instance property of jmRect
Properties

Name
radius

jmRect.position : point

当前位置左上角

Kind: instance property of jmRect
Properties

Name
position

jmRect.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmRect
Overrides: points
Properties

Name
points

jmRect.type : string

当前对象类型名jmRect

Kind: instance property of jmRect
Properties

Name
type

jmRect.context : object

当前canvas的context

Kind: instance property of jmRect
Properties

Name
context

jmRect.style : object

样式

Kind: instance property of jmRect
Properties

Name
style

jmRect.visible : boolean

当前控件是否可见

Kind: instance property of jmRect
Default: true
Properties

Name
visible

jmRect.children : list

当前控件的子控件集合

Kind: instance property of jmRect
Properties

Name
children

jmRect.width : number

宽度

Kind: instance property of jmRect
Properties

Name
width

jmRect.height : number

高度

Kind: instance property of jmRect
Properties

Name
height

jmRect.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmRect
Properties

Name
zIndex

jmRect.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmRect
Properties

Name
cursor

jmRect.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmRect
Properties

Name
needUpdate

jmRect.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmRect
Properties

Name
graph

jmRect.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmRect
Returns: object - 旋转中心和角度

jmRect.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmRect

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmArrawLine ⇐ jmLine

Kind: global class
Extends: jmLine

new jmArrawLine(params)

带箭头的直线,继承jmPath

Param Type Description
params object 生成当前直线的参数对象,(style=当前线条样式,start=直线起始点,end=直线终结点)

jmArrawLine.start : point

控制起始点

Kind: instance property of jmArrawLine
For: jmLine
Properties

Name
start

jmArrawLine.end : point

控制结束点

Kind: instance property of jmArrawLine
For: jmLine
Properties

Name
end

jmArrawLine.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmArrawLine
Overrides: points
Properties

Name
points

jmArrawLine.type : string

当前对象类型名jmRect

Kind: instance property of jmArrawLine
Properties

Name
type

jmArrawLine.context : object

当前canvas的context

Kind: instance property of jmArrawLine
Properties

Name
context

jmArrawLine.style : object

样式

Kind: instance property of jmArrawLine
Properties

Name
style

jmArrawLine.visible : boolean

当前控件是否可见

Kind: instance property of jmArrawLine
Default: true
Properties

Name
visible

jmArrawLine.children : list

当前控件的子控件集合

Kind: instance property of jmArrawLine
Properties

Name
children

jmArrawLine.width : number

宽度

Kind: instance property of jmArrawLine
Properties

Name
width

jmArrawLine.height : number

高度

Kind: instance property of jmArrawLine
Properties

Name
height

jmArrawLine.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmArrawLine
Properties

Name
zIndex

jmArrawLine.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmArrawLine
Properties

Name
cursor

jmArrawLine.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmArrawLine
Properties

Name
needUpdate

jmArrawLine.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmArrawLine
Properties

Name
graph

jmArrawLine.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmArrawLine
Returns: object - 旋转中心和角度

jmArrawLine.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmArrawLine

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmImage ⇐ jmControl

Kind: global class
Extends: jmControl

new jmImage(params)

图片控件,继承自jmControl params参数中image为指定的图片源地址或图片img对象, postion=当前控件的位置,width=其宽度,height=高度,sourcePosition=从当前图片中展示的位置,sourceWidth=从图片中截取的宽度,sourceHeight=从图片中截取的高度。

Param Type Description
params object 控件参数

jmImage.sourcePosition : point

画图开始剪切位置

Kind: instance property of jmImage
Properties

Name
sourcePosition

jmImage.sourceWidth : number

被剪切宽度

Kind: instance property of jmImage
Properties

Name
sourceWidth

jmImage.type : string

当前对象类型名jmRect

Kind: instance property of jmImage
Overrides: type
Properties

Name
type

jmImage.context : object

当前canvas的context

Kind: instance property of jmImage
Overrides: context
Properties

Name
context

jmImage.style : object

样式

Kind: instance property of jmImage
Overrides: style
Properties

Name
style

jmImage.visible : boolean

当前控件是否可见

Kind: instance property of jmImage
Default: true
Overrides: visible
Properties

Name
visible

jmImage.children : list

当前控件的子控件集合

Kind: instance property of jmImage
Overrides: children
Properties

Name
children

jmImage.width : number

宽度

Kind: instance property of jmImage
Overrides: width
Properties

Name
width

jmImage.height : number

高度

Kind: instance property of jmImage
Overrides: height
Properties

Name
height

jmImage.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmImage
Overrides: zIndex
Properties

Name
zIndex

jmImage.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmImage
Overrides: cursor
Properties

Name
cursor

jmImage.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmImage
Properties

Name
needUpdate

jmImage.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmImage
Properties

Name
graph

jmImage.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmImage
Overrides: getRotation
Returns: object - 旋转中心和角度

jmImage.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmImage
Overrides: rotate

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmLabel ⇐ jmControl

Kind: global class
Extends: jmControl

new jmLabel(params)

显示文字控件

Param Type Description
params object params参数:style=样式,value=显示的文字

jmLabel.text : string

显示的内容

Kind: instance property of jmLabel
Properties

Name
text

jmLabel.center : point

中心点 point格式:{x:0,y:0,m:true}

Kind: instance property of jmLabel
Properties

Name
center

jmLabel.position : point

当前位置左上角

Kind: instance property of jmLabel
Properties

Name
position

jmLabel.type : string

当前对象类型名jmRect

Kind: instance property of jmLabel
Overrides: type
Properties

Name
type

jmLabel.context : object

当前canvas的context

Kind: instance property of jmLabel
Overrides: context
Properties

Name
context

jmLabel.style : object

样式

Kind: instance property of jmLabel
Overrides: style
Properties

Name
style

jmLabel.visible : boolean

当前控件是否可见

Kind: instance property of jmLabel
Default: true
Overrides: visible
Properties

Name
visible

jmLabel.children : list

当前控件的子控件集合

Kind: instance property of jmLabel
Overrides: children
Properties

Name
children

jmLabel.width : number

宽度

Kind: instance property of jmLabel
Overrides: width
Properties

Name
width

jmLabel.height : number

高度

Kind: instance property of jmLabel
Overrides: height
Properties

Name
height

jmLabel.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmLabel
Overrides: zIndex
Properties

Name
zIndex

jmLabel.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmLabel
Overrides: cursor
Properties

Name
cursor

jmLabel.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmLabel
Properties

Name
needUpdate

jmLabel.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmLabel
Properties

Name
graph

jmLabel.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmLabel
Overrides: getRotation
Returns: object - 旋转中心和角度

jmLabel.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmLabel
Overrides: rotate

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmResize ⇐ jmRect

Kind: global class
Extends: jmRect

new jmResize()

可拉伸的缩放控件 继承jmRect 如果此控件加入到了当前控制的对象的子控件中,请在参数中加入movable:false,否则导致当前控件会偏离被控制的控件。

jmResize.rectSize : number

拉动的小方块大小

Kind: instance property of jmResize
Properties

Name
rectSize

jmResize.resizable : boolean

是否可以拉大缩小

Kind: instance property of jmResize
Properties

Name
resizable

jmResize.radius : number

圆角半径

Kind: instance property of jmResize
Properties

Name
radius

jmResize.position : point

当前位置左上角

Kind: instance property of jmResize
Overrides: position
Properties

Name
position

jmResize.points : array

描点集合 point格式:{x:0,y:0,m:true}

Kind: instance property of jmResize
Properties

Name
points

jmResize.type : string

当前对象类型名jmRect

Kind: instance property of jmResize
Properties

Name
type

jmResize.context : object

当前canvas的context

Kind: instance property of jmResize
Properties

Name
context

jmResize.style : object

样式

Kind: instance property of jmResize
Properties

Name
style

jmResize.visible : boolean

当前控件是否可见

Kind: instance property of jmResize
Default: true
Properties

Name
visible

jmResize.children : list

当前控件的子控件集合

Kind: instance property of jmResize
Properties

Name
children

jmResize.width : number

宽度

Kind: instance property of jmResize
Overrides: width
Properties

Name
width

jmResize.height : number

高度

Kind: instance property of jmResize
Overrides: height
Properties

Name
height

jmResize.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmResize
Properties

Name
zIndex

jmResize.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmResize
Overrides: cursor
Properties

Name
cursor

jmResize.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmResize
Overrides: needUpdate
Properties

Name
needUpdate

jmResize.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmResize
Properties

Name
graph

jmResize.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmResize
Returns: object - 旋转中心和角度

jmResize.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmResize

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

jmGraph ⇐ jmControl

Kind: global class
Extends: jmControl

new jmGraph(canvas, option, callback)

jmGraph画图类库 对canvas画图api进行二次封装,使其更易调用,省去很多重复的工作。

Param Type Description
canvas element 标签canvas
option object 参数:{width:宽,height:高}
callback function 初始化后的回调

jmGraph.util : jmUtils

工具类

Kind: instance property of jmGraph
Properties

Name
utils/util

jmGraph.shapes : object

当前所有图形类型

Kind: instance property of jmGraph
Properties

Name
shapes

jmGraph.width : number

宽度

Kind: instance property of jmGraph
Overrides: width
Properties

Name
width

jmGraph.height : number

高度

Kind: instance property of jmGraph
Overrides: height
Properties

Name
height

jmGraph.type : string

当前对象类型名jmRect

Kind: instance property of jmGraph
Overrides: type
Properties

Name
type

jmGraph.context : object

当前canvas的context

Kind: instance property of jmGraph
Overrides: context
Properties

Name
context

jmGraph.style : object

样式

Kind: instance property of jmGraph
Overrides: style
Properties

Name
style

jmGraph.visible : boolean

当前控件是否可见

Kind: instance property of jmGraph
Default: true
Overrides: visible
Properties

Name
visible

jmGraph.children : list

当前控件的子控件集合

Kind: instance property of jmGraph
Overrides: children
Properties

Name
children

jmGraph.zIndex : number

控件层级关系,发生改变时,需要重新调整排序

Kind: instance property of jmGraph
Overrides: zIndex
Properties

Name
zIndex

jmGraph.cursor : string

设置鼠标指针 css鼠标指针标识,例如:pointer,move等

Kind: instance property of jmGraph
Overrides: cursor
Properties

Name
cursor

jmGraph.needUpdate : boolean

是否需要刷新画板,属性的改变会导致它变为true

Kind: instance property of jmGraph
Properties

Name
needUpdate

jmGraph.graph : jmGraph

当前所在的画布对象 jmGraph

Kind: instance property of jmGraph
Properties

Name
graph

jmGraph.autoRefresh(callback)

自动刷新画版

Kind: instance method of jmGraph

Param Type Description
callback function 执行回调

jmGraph.getRotation() ⇒ object

获取当前控制的旋转信息

Kind: instance method of jmGraph
Overrides: getRotation
Returns: object - 旋转中心和角度

jmGraph.rotate(angle, point)

把图形旋转一个角度

Kind: instance method of jmGraph
Overrides: rotate

Param Type Description
angle number 旋转角度
point object 旋转坐标,可以是百分比,例如:{x: '50%',y: '50%'}

add(obj)

往集合中添加对象

Kind: global function
For: list

Param Type Description
obj any 往集合中添加的对象

remove(obj)

从集合中移除指定对象

Kind: global function
For: list

Param Type Description
obj any 将移除的对象

removeAt(index)

按索引移除对象

Kind: global function
For: list

Param Type Description
index integer 移除对象的索引

contain(obj)

判断是否包含某个对象

Kind: global function
For: list

Param Type Description
obj any 判断当前集合中是否包含此对象

get(index) ⇒ any

从集合中获取某个对象

Kind: global function
Returns: any - 集合中的对象
For: list

Param Type Description
index integer/function 如果为整型则表示为获取此索引的对象,如果为function为则通过此委托获取对象

each(cb, inverse)

遍历当前集合

Kind: global function
For: list

Param Type Description
cb function 遍历当前集合的委托
inverse boolean 是否按逆序遍历

count([handler]) ⇒ integer

获取当前集合对象个数

Kind: global function
Returns: integer - 当前集合的个数
For: list

Param Type Description
[handler] function 检查对象是否符合计算的条件

clear()

清空当前集合

Kind: global function
For: list

judge 判断点是否在多边形中(dot, coordinates, 是否为实心) ⇒ boolean

Kind: global function
Returns: boolean - 结果 true=在形状内

Param Type Description
dot point {{x,y}} 需要判断的点
coordinates array {{x,y}[]} 多边形点坐标的数组,为保证图形能够闭合,起点和终点必须相等。 比如三角形需要四个点表示,第一个点和最后一个点必须相同。
是否为实心 number 1= 是

is(type) ⇒ boolean

检 查对象是否为指定类型

Kind: global function
Returns: boolean - true=表示当前对象为指定的类型type,false=表示不是
For: jmObject

Param Type Description
type class 判断的类型

animate(handle, millisec)

给控件添加动画处理,如果成功执行会导致画布刷新。

Kind: global function
For: jmObject

Param Type Description
handle function 动画委托
millisec integer 此委托执行间隔 (毫秒)

__pro(name, value) ⇒ any

基础属性读写接口

Kind: global function
Returns: any - 属性的值

Param Type Description
name string 属性名
value any 属性的值

addStop(offset, color)

添加渐变色

Kind: global function
For: jmGradient

Param Type Description
offset number 放射渐变颜色偏移,可为百分比参数。
color string 当前偏移颜色值

toGradient(control) ⇒ gradient

生成为canvas的渐变对象

Kind: global function
Returns: gradient - canvas渐变对象
For: jmGradient

Param Type Description
control jmControl 当前渐变对应的控件

fromString() ⇒ string

变换为字条串格式 linear-gradient(x1 y1 x2 y2, color1 step, color2 step, ...); //radial-gradient(x1 y1 r1 x2 y2 r2, color1 step,color2 step, ...); linear-gradient线性渐变,x1 y1表示起点,x2 y2表示结束点,color表颜色,step为当前颜色偏移 radial-gradient径向渐变,x1 y1 r1分别表示内圆中心和半径,x2 y2 r2为结束圆 中心和半径,颜色例似线性渐变 step为0-1之间

Kind: global function
For: jmGradient

toString() ⇒ string

转换为渐变的字符串表达

Kind: global function
Returns: string - linear-gradient(x1 y1 x2 y2, color1 step, color2 step, ...); //radial-gradient(x1 y1 r1 x2 y2 r2, color1 step,color2 step, ...);
For: jmGradient

fromString(s)

根据字符串格式转为阴影

Kind: global function

Param Type Description
s string 阴影字符串 x,y,blur,color

toString() ⇒ string

转为字符串格式 x,y,blur,color

Kind: global function
Returns: string - 阴影字符串

initializing()

初始化对象,设定样式,初始化子控件对象 此方法为所有控件需调用的方法

Kind: global function
For: jmControl

getBounds([isReset]) ⇒ object

获取当前控件的边界 通过分析控件的描点或位置加宽高得到为方形的边界

Kind: global function
Returns: object - 控件的边界描述对象(left,top,right,bottom,width,height)
For: jmControl

Param Type Default Description
[isReset] boolean false 是否强制重新计算

getLocation() ⇒ object

获取当前控件的位置相关参数 解析百分比和margin参数

Kind: global function
Returns: object - 当前控件位置参数,包括中心点坐标,右上角坐标,宽高

remove()

移除当前控件 如果是VML元素,则调用其删除元素

Kind: global function

offset(x, y, [trans], [evt])

对控件进行平移 遍历控件所有描点或位置,设置其偏移量。

Kind: global function

Param Type Description
x number x轴偏移量
y number y轴偏移量
[trans] boolean 是否传递,监听者可以通过此属性是否决定是否响应移动事件,默认=true
[evt] object 如果是事件触发,则传递move事件参数

getAbsoluteBounds() ⇒ object

获取控件相对于画布的绝对边界, 与getBounds不同的是:getBounds获取的是相对于父容器的边界.

Kind: global function
Returns: object - 边界对象(left,top,right,bottom,width,height)

beginDraw()

画控件前初始化 执行beginPath开始控件的绘制

Kind: global function

endDraw()

结束控件绘制

Kind: global function

draw()

绘制控件 在画布上描点

Kind: global function

paint()

绘制当前控件 协调控件的绘制,先从其子控件开始绘制,再往上冒。

Kind: global function

getEvent(name) ⇒ list

获取指定事件的集合 比如mousedown,mouseup等

Kind: global function
Returns: list - 事件委托的集合

Param Type Description
name string 事件名称

bind(name, handle)

绑定控件的事件

Kind: global function

Param Type Description
name string 事件名称
handle function 事件委托

unbind(name, handle)

移除控件的事件

Kind: global function

Param Type Description
name string 事件名称
handle function 从控件中移除事件的委托

emit(name, args)

执行监听回调

Kind: global function
For: jmControl

Param Type Description
name string 触发事件的名称
args array 事件参数数组

runEventHandle(将执行的事件名称, 事件执行的参数,包括触发事件的对象和位置)

独立执行事件委托

Kind: global function

Param Type
将执行的事件名称 string
事件执行的参数,包括触发事件的对象和位置 object

checkPoint(p, [pad]) ⇒ boolean

检 查坐标是否落在当前控件区域中..true=在区域内

Kind: global function
Returns: boolean - 当前位置如果在区域内则为true,否则为false。

Param Type Description
p point 位置参数
[pad] number 可选参数,表示线条多远内都算在线上

raiseEvent(name, args) ⇒ boolean

触发控件事件,组合参数并按控件层级关系执行事件冒泡。

Kind: global function
Returns: boolean - 如果事件被组止冒泡则返回false,否则返回true

Param Type Description
name string 事件名称
args object 事件执行参数

clearEvents(name)

清空控件指定事件

Kind: global function

Param Type Description
name string 需要清除的事件名称

findParent(类型名称或类型对象) ⇒ object

查找其父级类型为type的元素,直到找到指定的对象或到最顶级控件后返回空。

Kind: global function
Returns: object - 指定类型的实例

Param Type
类型名称或类型对象 object

canMove(m, [graph])

设定是否可以移动 此方法需指定jmgraph或在控件添加到jmgraph后再调用才能生效。

Kind: global function

Param Type Description
m boolean true=可以移动,false=不可移动或清除移动。
[graph] jmGraph 当前画布,如果为空的话必需是已加入画布的控件,否则得指定画布。

getPoint(ps, t) ⇒ array

根据控制点和参数t生成贝塞尔曲线轨迹点

Kind: global function
Returns: array - 所有轨迹点的数组

Param Type Description
ps array 控制点集合
t number 参数(0-1)

offset(x, y, [trans])

对控件进行平移 遍历控件所有描点或位置,设置其偏移量。

Kind: global function

Param Type Description
x number x轴偏移量
y number y轴偏移量
[trans] boolean 是否传递,监听者可以通过此属性是否决定是否响应移动事件,默认=true

draw()

重写基类画图,此处为画一个完整的圆

Kind: global function

initializing()

初始化对象,设定样式,初始化子控件对象 此方法为所有控件需调用的方法

Kind: global function
For: jmControl

getBounds([isReset]) ⇒ object

获取当前控件的边界 通过分析控件的描点或位置加宽高得到为方形的边界

Kind: global function
Returns: object - 控件的边界描述对象(left,top,right,bottom,width,height)
For: jmControl

Param Type Default Description
[isReset] boolean false 是否强制重新计算

getLocation() ⇒ object

获取当前控件的位置相关参数 解析百分比和margin参数

Kind: global function
Returns: object - 当前控件位置参数,包括中心点坐标,右上角坐标,宽高

remove()

移除当前控件 如果是VML元素,则调用其删除元素

Kind: global function

offset(x, y, [trans], [evt])

对控件进行平移 遍历控件所有描点或位置,设置其偏移量。

Kind: global function

Param Type Description
x number x轴偏移量
y number y轴偏移量
[trans] boolean 是否传递,监听者可以通过此属性是否决定是否响应移动事件,默认=true
[evt] object 如果是事件触发,则传递move事件参数

getAbsoluteBounds() ⇒ object

获取控件相对于画布的绝对边界, 与getBounds不同的是:getBounds获取的是相对于父容器的边界.

Kind: global function
Returns: object - 边界对象(left,top,right,bottom,width,height)

beginDraw()

画控件前初始化 执行beginPath开始控件的绘制

Kind: global function

endDraw()

结束控件绘制

Kind: global function

draw()

绘制控件 在画布上描点

Kind: global function

paint()

绘制当前控件 协调控件的绘制,先从其子控件开始绘制,再往上冒。

Kind: global function

getEvent(name) ⇒ list

获取指定事件的集合 比如mousedown,mouseup等

Kind: global function
Returns: list - 事件委托的集合

Param Type Description
name string 事件名称

bind(name, handle)

绑定控件的事件

Kind: global function

Param Type Description
name string 事件名称
handle function 事件委托

unbind(name, handle)

移除控件的事件

Kind: global function

Param Type Description
name string 事件名称
handle function 从控件中移除事件的委托

emit(name, args)

执行监听回调

Kind: global function
For: jmControl

Param Type Description
name string 触发事件的名称
args array 事件参数数组

runEventHandle(将执行的事件名称, 事件执行的参数,包括触发事件的对象和位置)

独立执行事件委托

Kind: global function

Param Type
将执行的事件名称 string
事件执行的参数,包括触发事件的对象和位置 object

checkPoint(p, [pad]) ⇒ boolean

检 查坐标是否落在当前控件区域中..true=在区域内

Kind: global function
Returns: boolean - 当前位置如果在区域内则为true,否则为false。

Param Type Description
p point 位置参数
[pad] number 可选参数,表示线条多远内都算在线上

raiseEvent(name, args) ⇒ boolean

触发控件事件,组合参数并按控件层级关系执行事件冒泡。

Kind: global function
Returns: boolean - 如果事件被组止冒泡则返回false,否则返回true

Param Type Description
name string 事件名称
args object 事件执行参数

clearEvents(name)

清空控件指定事件

Kind: global function

Param Type Description
name string 需要清除的事件名称

findParent(类型名称或类型对象) ⇒ object

查找其父级类型为type的元素,直到找到指定的对象或到最顶级控件后返回空。

Kind: global function
Returns: object - 指定类型的实例

Param Type
类型名称或类型对象 object

canMove(m, [graph])

设定是否可以移动 此方法需指定jmgraph或在控件添加到jmgraph后再调用才能生效。

Kind: global function

Param Type Description
m boolean true=可以移动,false=不可移动或清除移动。
[graph] jmGraph 当前画布,如果为空的话必需是已加入画布的控件,否则得指定画布。

getBounds() ⇒ bound

获取当前控件的边界

Kind: global function
Returns: bound - 当前控件边界

checkPoint(p) ⇒ boolean

重写检查坐标是否在区域内

Kind: global function
Returns: boolean - 如果在则返回true,否则返回false

Param Type Description
p point 待检查的坐标

sourceHeight() ⇒ number

被剪切高度

Kind: global function

image() ⇒ img

设定要绘制的图像或其它多媒体对象,可以是图片地址,或图片image对象

Kind: global function

draw()

重写控件绘制 根据父边界偏移和此控件参数绘制图片

Kind: global function

getBounds() ⇒ object

获取当前控件的边界

Kind: global function
Returns: object - 边界对象(left,top,right,bottom,width,height)

getImage() ⇒ img

img对象

Kind: global function
Returns: img - 图片对象

getLocation() ⇒ Object

在基础的getLocation上,再加上一个特殊的center处理

Kind: global function

testSize() ⇒ object

测试获取文本所占大小

Kind: global function
Returns: object - 含文本大小的对象

draw()

根据位置偏移画字符串

Kind: global function

reset(px, py, dx, dy)

按移动偏移量重置当前对象,并触发大小和位置改变事件

Kind: global function

Param Type Description
px number 位置X轴偏移
py number 位置y轴偏移
dx number 大小x轴偏移
dy number 大小y轴偏移

init()

初始化画布

Kind: global function

create() ⇒ jmGraph

创建jmGraph的静态对象

Kind: global function
Returns: jmGraph - jmGraph实例对象

getPosition() ⇒ postion

获取当前画布在浏览器中的绝对定位

Kind: global function
Returns: postion - 返回定位坐标

registerShape(name, shape)

注册图形类型,图形类型必需有统一的构造函数。参数为画布句柄和参数对象。

Kind: global function

Param Type Description
name string 控件图形名称
shape class 图形控件类型

createShape(name, args) ⇒ object

从已注册的图形类创建图形 简单直观创建对象

Kind: global function
Returns: object - 已实例化控件的对象

Param Type Description
name string 注册控件的名称
args object 实例化控件的参数

createShadow(x, y, blur, color) ⇒ jmShadow

生成阴影对象

Kind: global function
Returns: jmShadow - 阴影对象

Param Type Description
x number x偏移量
y number y偏移量
blur number 模糊值
color string 颜色

createLinearGradient(x1, y1, x2, y2) ⇒ jmGradient

生成线性渐变对象

Kind: global function
Returns: jmGradient - 线性渐变对象

Param Type Description
x1 number 线性渐变起始点X坐标
y1 number 线性渐变起始点Y坐标
x2 number 线性渐变结束点X坐标
y2 number 线性渐变结束点Y坐标

createRadialGradient(x1, y1, r1, x2, y2, r2) ⇒ jmGradient

生成放射渐变对象

Kind: global function
Returns: jmGradient - 放射渐变对象

Param Type Description
x1 number 放射渐变小圆中心X坐标
y1 number 放射渐变小圆中心Y坐标
r1 number 放射渐变小圆半径
x2 number 放射渐变大圆中心X坐标
y2 number 放射渐变大圆中心Y坐标
r2 number 放射渐变大圆半径

refresh()

重新刷新整个画板 以加入动画事件触发延时10毫秒刷新,保存最尽的调用只刷新一次,加强性能的效果。

Kind: global function

redraw([w], [h])

重新刷新整个画板 此方法直接重画,与refresh效果类似

Kind: global function

Param Type Description
[w] number 清除画布的宽度
[h] number 清除画布的高度

clear([w], [h])

清除画布

Kind: global function

Param Type Description
[w] number 清除画布的宽度
[h] number 清除画布的高度

css(name, value)

设置画布样式,此处只是设置其css样式

Kind: global function

Param Type Description
name string 样式名
value string 样式值

createPath(points, style) ⇒ jmPath

生成路径对象

Kind: global function
Returns: jmPath - 路径对象jmPath

Param Type Description
points array 路径中的描点集合
style style 当前路径的样式

createLine(start, end, 直线的样式) ⇒ jmLine

生成直线

Kind: global function
Returns: jmLine - 直线对象

Param Type Description
start point 直线的起点
end point 直线的终点
直线的样式 style

zoomOut()

缩小整个画布按比例0.9

Kind: global function

zoomIn()

放大 每次增大0.1的比例

Kind: global function

zoomActual()

大小复原

Kind: global function

scale(dx, dy)

放大缩小画布

Kind: global function

Param Type Description
dx number 缩放X轴比例
dy number 缩放Y轴比例

toDataURL() ⇒ string

保存为base64图形数据

Kind: global function
Returns: string - 当前画布图的base64字符串

.jmUtils

Kind: static class

new jmUtils()

画图基础对象 当前库的工具类

.clone(source, deep) ⇒ object

复制一个对象

Kind: static function
Returns: object - 参数source的拷贝对象

Param Type Description
source object 被复制的对象
deep boolean 是否深度复制,如果为true,数组内的每个对象都会被复制

.bindEvent(html元素对象, name, fun)

绑定事件到html对象

Kind: static function

Param Type Description
html元素对象 element
name string 事件名称
fun function 事件委托

.removeEvent(html元素对象, name, fun)

从对象中移除事件到

Kind: static function

Param Type Description
html元素对象 element
name string 事件名称
fun function 事件委托

.getElementPosition(el) ⇒ position

获取元素的绝对定位

Kind: static function
Returns: position - 位置对象(top,left)

Param Type Description
el element 目标元素对象

.getEventPosition(evt, [scale]) ⇒ point

获取元素事件触发的位置

Kind: static function
Returns: point - 事件触发的位置

Param Type Description
evt eventArg 当前触发事件的参数
[scale] point 当前画布的缩放比例

.isType(target, type) ⇒ boolean

检 查对象是否为指定的类型,不包括继承

Kind: static function
Returns: boolean - 返回对象是否为指定类型

Param Type Description
target object 需要判断类型的对象
type class 对象类型

.pointInPolygon(pt, polygon, offset) ⇒ integer

判断点是否在多边形内 如果一个点在多边形内部,任意角度做射线肯定会与多边形要么有一个交点,要么有与多边形边界线重叠。 如果一个点在多边形外部,任意角度做射线要么与多边形有一个交点,要么有两个交点,要么没有交点,要么有与多边形边界线重叠。 利用上面的结论,我们只要判断这个点与多边形的交点个数,就可以判断出点与多边形的位置关系了。

Kind: static function
Returns: integer - 0= 不在图形内和线上,1=在边上,2=在图形内部

Param Type Description
pt point 坐标对象
polygon array 多边型角坐标对象数组
offset number 判断可偏移值

.checkOutSide(parentBounds, targetBounds, offset) ⇒ bound

检查边界,子对象是否超出父容器边界 当对象偏移offset后是否出界 返回(left:0,right:0,top:0,bottom:0) 如果right>0表示右边出界right偏移量,left<0则表示左边出界left偏移量 如果bottom>0表示下边出界bottom偏移量,top<0则表示上边出界ltop偏移量

Kind: static function
Returns: bound - 越界标识

Param Type Description
parentBounds bound 父对象的边界
targetBounds bound 对象的边界
offset number 判断是否越界可容偏差

.rotatePoints(p, rp, r)

把一个或多个点绕某个点旋转一定角度 先把坐标原点移到旋转中心点,计算后移回

Kind: static function

Param Type Description
p Array/object 一个或多个点
rp * 旋转中心点
r * 旋转角度

.trimStart(source, [c]) ⇒ string

去除字符串开始字符

Kind: static function
Returns: string - 去除前置字符后的字符串

Param Type Description
source string 需要处理的字符串
[c] char 要去除字符串的前置字符

.trimEnd(source, [c]) ⇒ string

去除字符串结束的字符c

Kind: static function
Returns: string - 去除后置字符后的字符串

Param Type Description
source string 需要处理的字符串
[c] char 要去除字符串的后置字符

.trim(source, [c]) ⇒ string

去除字符串开始与结束的字符

Kind: static function
Returns: string - 去除字符后的字符串

Param Type Description
source string 需要处理的字符串
[c] char 要去除字符串的字符

.checkPercent(字符串参数) ⇒ boolean

检查是否为百分比参数

Kind: static function
Returns: boolean - true=当前字符串为百分比参数,false=不是

Param Type
字符串参数 string

.percentToNumber(per) ⇒ number

转换百分数为数值类型

Kind: static function
Returns: number - 百分比对应的数值

Param Type Description
per string 把百分比转为数值的参数

.hexToNumber(h) ⇒ number

转换16进制为数值

Kind: static function
Returns: number - 10进制表达

Param Type Description
h string 16进制颜色表达

.hex(v) ⇒ string

转换数值为16进制字符串表达

Kind: static function
Returns: string - 16进制表达

Param Type Description
v number 数值

.toColor(hex) ⇒ string

转换颜色格式,如果输入r,g,b则转为hex格式,如果为hex则转为r,g,b格式

Kind: static function
Returns: string - 颜色字符串

Param Type Description
hex string 16进制颜色表达
You can’t perform that action at this time.