本文整理汇总了TypeScript中vs/base/browser/fastDomNode.FastDomNode.setTransform方法的典型用法代码示例。如果您正苦于以下问题：TypeScript FastDomNode.setTransform方法的具体用法？TypeScript FastDomNode.setTransform怎么用？TypeScript FastDomNode.setTransform使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类vs/base/browser/fastDomNode.FastDomNode的用法示例。
在下文中一共展示了FastDomNode.setTransform方法的4个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: render
public render(): void {
if (!this._shouldRender) {
return;
}
this._shouldRender = false;
if (this._canUseTranslate3d) {
// Put the scrollbar in its own layer
this.domNode.setTransform('translate3d(0px, 0px, 0px)');
} else {
this.domNode.setTransform('');
}
this._renderDomNode(this._scrollbarState.getRectangleLargeSize(), this._scrollbarState.getRectangleSmallSize());
this._updateSlider(this._scrollbarState.getSliderSize(), this._scrollbarState.getArrowSize() + this._scrollbarState.getSliderPosition());
}示例2: render
public render(ctx: IRestrictedRenderingContext): void {
if (this._canUseTranslate3d) {
let transform = 'translate3d(0px, ' + ctx.viewportData.visibleRangesDeltaTop + 'px, 0px)';
this._domNode.setTransform(transform);
this._domNode.setTop(0);
} else {
this._domNode.setTransform('');
this._domNode.setTop(ctx.viewportData.visibleRangesDeltaTop);
}
let height = Math.min(ctx.scrollHeight, 1000000);
this._domNode.setHeight(height);
this._domNode.setWidth(this._contentLeft);
this._glyphMarginBackgroundDomNode.setLeft(this._glyphMarginLeft);
this._glyphMarginBackgroundDomNode.setWidth(this._glyphMarginWidth);
this._glyphMarginBackgroundDomNode.setHeight(height);
}示例3: render
public render(ctx: RestrictedRenderingContext): void {
const adjustedScrollTop = ctx.scrollTop - ctx.bigNumbersDelta;
if (this._canUseTranslate3d) {
let transform = 'translate3d(0px, ' + -adjustedScrollTop + 'px, 0px)';
this._domNode.setTransform(transform);
this._domNode.setTop(0);
} else {
this._domNode.setTransform('');
this._domNode.setTop(-adjustedScrollTop);
}
let height = Math.min(ctx.scrollHeight, 1000000);
this._domNode.setHeight(height);
this._domNode.setWidth(this._contentLeft);
this._glyphMarginBackgroundDomNode.setLeft(this._glyphMarginLeft);
this._glyphMarginBackgroundDomNode.setWidth(this._glyphMarginWidth);
this._glyphMarginBackgroundDomNode.setHeight(height);
}示例4: render
public render(forceRender: boolean): boolean {
if (this._zoneManager.getOuterHeight() === 0) {
return false;
}
if (this._canUseTranslate3d) {
this._domNode.setTransform('translate3d(0px, 0px, 0px)');
} else {
this._domNode.setTransform('');
}
const width = this._zoneManager.getCanvasWidth();
const height = this._zoneManager.getCanvasHeight();
let colorZones = this._zoneManager.resolveColorZones();
let id2Color = this._zoneManager.getId2Color();
let ctx = this._domNode.domNode.getContext('2d');
if (this._background === null) {
ctx.clearRect(0, 0, width, height);
} else {
ctx.fillStyle = this._background.toRGBHex();
ctx.fillRect(0, 0, width, height);
}
if (colorZones.length > 0) {
let remainingWidth = width - this._canvasLeftOffset;
if (this._lanesCount >= 3) {
this._renderThreeLanes(ctx, colorZones, id2Color, remainingWidth);
} else if (this._lanesCount === 2) {
this._renderTwoLanes(ctx, colorZones, id2Color, remainingWidth);
} else if (this._lanesCount === 1) {
this._renderOneLane(ctx, colorZones, id2Color, remainingWidth);
}
}
return true;
}