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


TypeScript base.slowloop函數代碼示例

本文整理匯總了TypeScript中ol3-fun/tests/base.slowloop函數的典型用法代碼示例。如果您正苦於以下問題:TypeScript slowloop函數的具體用法?TypeScript slowloop怎麽用?TypeScript slowloop使用的例子?那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。


在下文中一共展示了slowloop函數的6個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: once

        return once(map, "postrender", () => {
            return slowloop(
                points.map((p, i) => () => {
                    let popup = popups[i];
                    popup.show(p, smartpick(popup, p));
                }),
                0
            );
        })
開發者ID:ca0v,項目名稱:ol3-popup,代碼行數:9,代碼來源:smartpick.ts

示例2: return

    return () =>
        slowloop(
            [
                () => {
                    if (cancel) throw "cancelled by user via pointermove";
                    (popup.getMap().getTarget() as HTMLElement).remove();
                    popup.getMap().setTarget(null);
                    popup.destroy();
                }
            ],
            delay
        );
開發者ID:ca0v,項目名稱:ol3-popup,代碼行數:12,代碼來源:kill.ts

示例3: once

        return once(map, "postrender", () => {
            return slowloop(
                Object.keys(popup.options.indicators).map((k: Positions) => () => {
                    popup.setPositioning(k);
                    popup.show(map.getView().getCenter(), `Popup with ${k}`);
                    shouldEqual(popup.indicator.getElement().textContent, popup.options.indicators[k], k);
                }),
                200
            )
                .then(kill(popup))
                .catch(ex => {
                    should(!ex, ex);
                });
        });
開發者ID:ca0v,項目名稱:ol3-popup,代碼行數:14,代碼來源:popup-css.ts

示例4: once

        return once(map, "postrender", () => {
            let c = map.getView().getCenter();
            let points = pair(range(3), range(3)).map(n => new ol.geom.Point([c[0] + n[0], c[1] + n[1]]));
            let count = 0;
            points.forEach((p, i) => {
                popup.pages.add(() => `Page ${i + 1}: visit counter: ${++count}`, p);
                shouldEqual(popup.pages.count, i + 1, `${i + 1} pages`);
            });

            let i = 0;
            return slowloop([() => popup.pages.goto(i++)], 100, popup.pages.count).then(() => {
                shouldEqual(
                    popup.getElement().getElementsByClassName("ol-popup-content")[0].textContent,
                    "Page 9: visit counter: 9",
                    "last page contains correct text"
                );
            });
        }).then(kill(popup));
開發者ID:ca0v,項目名稱:ol3-popup,代碼行數:18,代碼來源:popup.ts

示例5: slowloop

                return slowloop(loop, 0).then(() => slowloop(loop.reverse(), 0).then(() => div.remove()));
開發者ID:ca0v,項目名稱:ol3-popup,代碼行數:1,代碼來源:popup-css.ts

示例6: it

    it("renders a tooltip on a canvas", () => {
        let div = document.createElement("div");
        div.className = "canvas-container";
        let cssRemove = cssin(
            "canvas-test",
            `.canvas-container {
            display: inline-block;
            position: absolute;
            top: 20px;
            width: 200px;
            height: 200px;
            background: blue;
            border: 1px solid white;
        }`
        );
        div.innerHTML = "DIV CONTENT";
        let canvas = document.createElement("canvas");
        canvas.width = canvas.height = 200;
        canvas.style.position = "absolute";
        canvas.style.top = canvas.style.left = canvas.style.right = canvas.style.bottom = "0";
        div.appendChild(canvas);

        document.body.insertBefore(div, document.body.firstChild);

        let ctx = canvas.getContext("2d");
        ctx.strokeStyle = "white";
        ctx.lineWidth = 3;

        let clear = () => ctx.clearRect(0, 0, canvas.width, canvas.height);

        let loop = [
            () => {
                let points = rect([10, 10, 190, 190]);
                clear();
                ctx.beginPath();
                ctx.moveTo(points[0][0], points[0][1]);
                points.forEach(p => ctx.lineTo(p[0], p[1]));
                ctx.closePath();
                ctx.stroke();
            }
        ];
        {
            let points = range(4).map(index =>
                callout(rect([25, 25, 175, 175]), { index: index, size: 25, width: 25, skew: 10, offset: 20 })
            );
            loop = loop.concat(
                points.map(points => () => {
                    clear();
                    ctx.beginPath();
                    ctx.moveTo(points[0][0], points[0][1]);
                    points.forEach(p => ctx.lineTo(p[0], p[1]));
                    ctx.closePath();
                    ctx.stroke();
                })
            );
        }
        return $.when(
            slowloop(
                range(100).map(n => () => {
                    div.style.left = div.style.top = 10 * Math.sin((n * Math.PI) / 100) * n + "px";
                }),
                50
            ),
            slowloop(loop, 200).then(() => {
                loop = [];
                let points = range(70).map(index =>
                    callout(rect([20, 20, 180, 180]), {
                        index: 0,
                        size: 10,
                        width: 20,
                        skew: 0,
                        offset: 2 * index - 70
                    })
                );
                points = points.concat(
                    range(140).map(index =>
                        callout(rect([20, 20, 180, 180]), {
                            index: 1,
                            size: 10,
                            width: 20,
                            skew: 0,
                            offset: index - 70
                        })
                    )
                );
                points = points.concat(
                    range(140)
                        .reverse()
                        .map(index =>
                            callout(rect([20, 20, 180, 180]), {
                                index: 2,
                                size: 10,
                                width: 20,
                                skew: 0,
                                offset: index - 70
                            })
                        )
                );
                points = points.concat(
                    range(140)
//.........這裏部分代碼省略.........
開發者ID:ca0v,項目名稱:ol3-popup,代碼行數:101,代碼來源:popup-css.ts


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