TypeScript d3-fetch.image函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

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

本文整理汇总了TypeScript中d3-fetch.image函数的典型用法代码示例。如果您正苦于以下问题：TypeScript image函数的具体用法？TypeScript image怎么用？TypeScript image使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了image函数的3个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1:

    width: 300,
    height: 500,
    crossOrigin: "anonymous",
};

// ----------------------------------------------------------------------------
// Non DSV file format
// ----------------------------------------------------------------------------

blobPromise = d3Fetch.blob(url);
blobPromise = d3Fetch.blob(url, init);

arrayPromise = d3Fetch.buffer(url);
arrayPromise = d3Fetch.buffer(url, init);

imagePromise = d3Fetch.image(url);
imagePromise = d3Fetch.image(url, imageProperties);
// $ExpectError
imagePromise = d3Fetch.image(url, {width: "500px"}); // fails, string not assignable to number | undefined

anyPromise = d3Fetch.json(url);
anyPromise = d3Fetch.json(url, init);

carPromise = d3Fetch.json<Car>(url);
carPromise = d3Fetch.json<Car>(url, init);

stringPromise = d3Fetch.text(url);
stringPromise = d3Fetch.text(url, init);

docPromise = d3Fetch.html(url);
docPromise = d3Fetch.html(url, init);

开发者ID:CNBoland，项目名称:DefinitelyTyped，代码行数:31，代码来源:d3-fetch-tests.ts

示例2:

interface MyType {
    foo: string;
}

const url = 'foo.bar';

const init: RequestInit = {};

let p1: Promise<Blob> = d3Fetch.blob(url);
p1 = d3Fetch.blob(url, init);

let p2: Promise<ArrayBuffer> = d3Fetch.buffer(url);
p2 = d3Fetch.buffer(url, init);

let p3: Promise<HTMLImageElement> = d3Fetch.image(url);
const imageProperties = {
    width: '300px',
    height: '500px'
};
p3 = d3Fetch.image(url, imageProperties);

let p4: Promise<any> = d3Fetch.json(url);
p4 = d3Fetch.json(url, init);
let p5: Promise<MyType> = d3Fetch.json<MyType>(url);
p5 = d3Fetch.json<MyType>(url, init);

let myString: Promise<string>;
myString = d3Fetch.text(url);
myString = d3Fetch.text(url, init);

开发者ID:ferrantejake，项目名称:DefinitelyTyped，代码行数:29，代码来源:d3-fetch-tests.ts

示例3:

import * as d3Fetch from 'd3-fetch';
import { DSVParsedArray, DSVRowString, DSVRowAny } from 'd3-dsv';

interface MyType {
    foo: string;
}

const url = 'foo.bar';

const init: RequestInit = {};

let p1: Promise<Blob> = d3Fetch.blob(url);
p1 = d3Fetch.blob(url, init);
let p2: Promise<ArrayBuffer> = d3Fetch.buffer(url);
p2 = d3Fetch.buffer(url, init);
let p3: Promise<HTMLImageElement> = d3Fetch.image(url);
p3 = d3Fetch.image(url, init);
let p4: Promise<any> = d3Fetch.json(url);
p4 = d3Fetch.json(url, init);

let myString: Promise<string>;
myString = d3Fetch.text(url);
myString = d3Fetch.text(url, init);

const parseRow = (d: {}) => {
    const myType: MyType = { foo: 'foo' };
    return myType;
};
let promise2: Promise<DSVParsedArray<MyType>>;
promise2 = d3Fetch.csv<MyType>(url);
promise2 = d3Fetch.csv<MyType>(url, init);

开发者ID:Silver-Connection，项目名称:DefinitelyTyped，代码行数:31，代码来源:d3-fetch-tests.ts

注：本文中的d3-fetch.image函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。