當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript FastDomNode.setTransform方法代碼示例

本文整理匯總了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());
    }
開發者ID:hungys,項目名稱:vscode,代碼行數:16,代碼來源:abstractScrollbar.ts

示例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);
    }
開發者ID:yuit,項目名稱:vscode,代碼行數:18,代碼來源:margin.ts

示例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);
    }
開發者ID:m-khosravi,項目名稱:vscode,代碼行數:19,代碼來源:margin.ts

示例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;
    }
開發者ID:m-khosravi,項目名稱:vscode,代碼行數:38,代碼來源:overviewRulerImpl.ts


注:本文中的vs/base/browser/fastDomNode.FastDomNode.setTransform方法示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。