本文整理匯總了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);
示例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);
示例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);