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


TypeScript Context2d.clearRect方法代码示例

本文整理汇总了TypeScript中core/util/canvas.Context2d.clearRect方法的典型用法代码示例。如果您正苦于以下问题:TypeScript Context2d.clearRect方法的具体用法?TypeScript Context2d.clearRect怎么用?TypeScript Context2d.clearRect使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在core/util/canvas.Context2d的用法示例。


在下文中一共展示了Context2d.clearRect方法的3个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: _paint_empty

  // this overrides the standard _paint_empty to make the inner canvas transparent
  protected _paint_empty(ctx: Context2d, frame_box: FrameBox): void {
    const ow = this.layout._width.value
    const oh = this.layout._height.value
    const [left, top, iw, ih] = frame_box

    ctx.clearRect(0, 0, ow, oh)

    ctx.beginPath()
    ctx.moveTo(0,  0)
    ctx.lineTo(0,  oh)
    ctx.lineTo(ow, oh)
    ctx.lineTo(ow, 0)
    ctx.lineTo(0,  0)

    ctx.moveTo(left,    top)
    ctx.lineTo(left+iw, top)
    ctx.lineTo(left+iw, top+ih)
    ctx.lineTo(left,    top+ih)
    ctx.lineTo(left,    top)
    ctx.closePath()

    if (this.model.border_fill_color != null) {
      ctx.fillStyle = this.model.border_fill_color
      ctx.fill()
    }
  }
开发者ID:jsignell,项目名称:bokeh,代码行数:27,代码来源:gmap_plot_canvas.ts

示例2: _paint_empty

  protected _paint_empty(ctx: Context2d, frame_box: FrameBox): void {
    const [cx, cy, cw, ch] = [0, 0, this.canvas_view.model._width.value, this.canvas_view.model._height.value]
    const [fx, fy, fw, fh] = frame_box

    ctx.clearRect(cx, cy, cw, ch)

    if (this.visuals.border_fill.doit) {
      this.visuals.border_fill.set_value(ctx)
      ctx.fillRect(cx, cy, cw, ch)
      ctx.clearRect(fx, fy, fw, fh)
    }

    if (this.visuals.background_fill.doit) {
      this.visuals.background_fill.set_value(ctx)
      ctx.fillRect(fx, fy, fw, fh)
    }
  }
开发者ID:gully,项目名称:bokeh,代码行数:17,代码来源:plot_canvas.ts

示例3: _paint_empty

  // this overrides the standard _paint_empty to make the inner canvas transparent
  _paint_empty(ctx: Context2d, frame_box) {
    const ow = this.canvas._width.value;
    const oh = this.canvas._height.value;
    const [left, top, iw, ih] = frame_box;

    ctx.clearRect(0, 0, ow, oh);

    ctx.beginPath();
    ctx.moveTo(0,  0);
    ctx.lineTo(0,  oh);
    ctx.lineTo(ow, oh);
    ctx.lineTo(ow, 0);
    ctx.lineTo(0,  0);

    ctx.moveTo(left,    top);
    ctx.lineTo(left+iw, top);
    ctx.lineTo(left+iw, top+ih);
    ctx.lineTo(left,    top+ih);
    ctx.lineTo(left,    top);
    ctx.closePath();

    ctx.fillStyle = this.model.plot.border_fill_color;
    return ctx.fill();
  }
开发者ID:FourtekIT-incubator,项目名称:bokeh,代码行数:25,代码来源:gmap_plot_canvas.ts


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