本文整理匯總了TypeScript中cursor/direct-cursor.DirectCursor.setCursorURL方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript DirectCursor.setCursorURL方法的具體用法？TypeScript DirectCursor.setCursorURL怎麽用？TypeScript DirectCursor.setCursorURL使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類cursor/direct-cursor.DirectCursor的用法示例。
在下文中一共展示了DirectCursor.setCursorURL方法的2個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: 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 )
}
}
}
}示例2: setCrosshair
setCrosshair():this {
this.cursor.setCursorURL( CROSSHAIR_CURSOR_DATA_URL, CROSSHAIR_CURSOR_SIZE )
this.shape = null
return this
}