本文整理汇总了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()
}
}
示例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)
}
}
示例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();
}