• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript base.slowloop函数代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了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;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript ololog.default函数代码示例发布时间:2022-05-25
下一篇:
TypeScript base.shouldEqual函数代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap