当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript direct-cursor.DirectCursor类代码示例

本文整理汇总了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
  }
开发者ID:PlayMyCode,项目名称:SkyBrush,代码行数:13,代码来源:brush-cursor.ts

示例2: hideInner

  hideInner():this {
    if ( ! this.isReallyHidden ) {
      this.isReallyHidden = true
      this.cursor.hide()
    }

    return this
  }
开发者ID:PlayMyCode,项目名称:SkyBrush,代码行数:8,代码来源:brush-cursor.ts

示例3: showInner

  showInner():this {
    if ( this.isReallyHidden ) {
      this.isReallyHidden = false

      this.cursor.show()
    }

    return this
  }
开发者ID:PlayMyCode,项目名称:SkyBrush,代码行数:9,代码来源:brush-cursor.ts

示例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 )
        }
      }
    }
  }
开发者ID:PlayMyCode,项目名称:SkyBrush,代码行数:41,代码来源:brush-cursor.ts

示例5: setClass

  setClass( klass:string ) {
    this.cursor.setClass( klass )
    this.shape = null

    return this
  }
开发者ID:PlayMyCode,项目名称:SkyBrush,代码行数:6,代码来源:brush-cursor.ts

示例6: onMove

  onMove( ev:MouseEvent ):this {
    this.cursor.update( ev )

    return this
  }
开发者ID:PlayMyCode,项目名称:SkyBrush,代码行数:5,代码来源:brush-cursor.ts

示例7: setCrosshair

  setCrosshair():this {
    this.cursor.setCursorURL( CROSSHAIR_CURSOR_DATA_URL, CROSSHAIR_CURSOR_SIZE )
    this.shape = null

    return this
  }
开发者ID:PlayMyCode,项目名称:SkyBrush,代码行数:6,代码来源:brush-cursor.ts


注:本文中的cursor/direct-cursor.DirectCursor类示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。