本文整理汇总了TypeScript中cursor/direct-cursor.DirectCursor类的典型用法代码示例。如果您正苦于以下问题：TypeScript DirectCursor类的具体用法？TypeScript DirectCursor怎么用？TypeScript DirectCursor使用的例子？那么, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了DirectCursor类的7个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: setCommandCursor
setCommandCursor( painter:SkyBrush, command:Command ) {
const cursor = command.getCursor()
if ( cursor === null ) {
this.cursor.setBlankCursor()
} else if ( typeof cursor === 'string' ) {
this.cursor.setClass( cursor )
} else {
cursor.call( command, this, painter )
}
return this
}示例2: hideInner
hideInner():this {
if ( ! this.isReallyHidden ) {
this.isReallyHidden = true
this.cursor.hide()
}
return this
}示例3: showInner
showInner():this {
if ( this.isReallyHidden ) {
this.isReallyHidden = false
this.cursor.show()
}
return this
}示例4: renderShape
renderShape( render:RenderFunction ):void {
if ( render !== null ) {
const zoomSize = this.getZoomSize()
this.shape = render
if ( ! this.isHidden ) {
// draws a cross hair
if ( zoomSize <= BRUSH_CURSOR_MINIMUM_SIZE ) {
this.setCrosshair()
} else {
const canvas = this.canvas
const ctx = canvas.getContext( '2d' ) as CanvasRenderingContext2D
const canvasSize = zoomSize + BRUSH_CURSOR_PADDING
canvas.width = canvas.height = canvasSize
ctx.beginPath()
ctx.lineCap = 'round'
ctx.lineWidth = 1
this.shape( ctx, canvas, zoomSize )
const middle = canvas.width/2
// draw a dot in the centre
ctx.beginPath()
ctx.strokeStyle = '#fff'
ctx.globalAlpha = 0.9
ctx.strokeRect( middle-0.75, middle-0.75, 1.5, 1.5 )
ctx.strokeStyle = '#000'
ctx.globalAlpha = 0.6
ctx.strokeRect( middle-0.5 , middle-0.5 , 1 , 1 )
this.cursor.setCursorURL( canvas.toDataURL(), canvas.width )
}
}
}
}示例5: setClass
setClass( klass:string ) {
this.cursor.setClass( klass )
this.shape = null
return this
}示例6: onMove
onMove( ev:MouseEvent ):this {
this.cursor.update( ev )
return this
}示例7: setCrosshair
setCrosshair():this {
this.cursor.setCursorURL( CROSSHAIR_CURSOR_DATA_URL, CROSSHAIR_CURSOR_SIZE )
this.shape = null
return this
}