Skip to content

Commit 93e0512

Browse files
committed
feat options 新增 fontFamily:[] 传入需要使用的@font-face ,默认过滤所有
1 parent fae625b commit 93e0512

File tree

7 files changed

+840
-692
lines changed

7 files changed

+840
-692
lines changed

.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
11
*.iml
22
.tags
33
.tags*
4+
node_modules
5+
yarn.lock

.jshintrc

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,6 @@
33
"immed": true,
44
"newcap": true,
55
"unused": "strict",
6-
"esnext": true
6+
"esnext": true,
7+
"asi": true
78
}

README.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,13 @@
22

33
[![Build Status](https://travis-ci.org/tsayen/dom-to-image.svg?branch=master)](https://travis-ci.org/tsayen/dom-to-image)
44

5+
## fork版本
6+
7+
options 新增 fontFamily:string[]
8+
传入需要使用的@font-face ,默认过滤所有
9+
10+
yarn grunt --force
11+
512
## What is it
613

714
**dom-to-image** is a library which can turn arbitrary DOM node into
@@ -122,6 +129,11 @@ for unit testing._
122129

123130
### Rendering options
124131

132+
#### fontFamily
133+
134+
fork新增
135+
避免下载所有的@font-face,(网页下存在多个自定义font-face,会导致生成速度极慢)
136+
125137
#### filter
126138

127139
A function taking DOM node as argument. Should return true if passed node

dist/dom-to-image.min.js

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/index.d.ts

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
// Type definitions for dom-to-image 2.6
2+
// Project: https://github.com/tsayen/dom-to-image
3+
// Definitions by: Jip Sterk <https://github.com/JipSterk>
4+
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
5+
// TypeScript Version: 2.2
6+
7+
/// <reference types="node" />
8+
9+
export interface DomToImage {
10+
toSvg(node: Node, options?: Options): Promise<string>;
11+
toPng(node: Node, options?: Options): Promise<string>;
12+
toJpeg(node: Node, options?: Options): Promise<string>;
13+
toBlob(node: Node, options?: Options): Promise<Blob>;
14+
toPixelData(node: Node, options?: Options): Promise<string>;
15+
}
16+
17+
export interface Options {
18+
filter?: (node: Node) => boolean;
19+
bgcolor?: string;
20+
width?: number;
21+
height?: number;
22+
style?: {};
23+
quality?: number;
24+
imagePlaceholder?: string;
25+
cachebust?: boolean;
26+
fontFamily:[] // 需要使用的@font-face
27+
}
28+
29+
export const DomToImage: DomToImage;
30+
31+
type DomToImage_ = DomToImage;
32+
type Options_ = Options;
33+
34+
export default DomToImage;
35+
36+
declare global {
37+
namespace DomToImage {
38+
type Options = Options_;
39+
type DomToImage = DomToImage_;
40+
}
41+
42+
const DomToImage: DomToImage.DomToImage;
43+
}

0 commit comments

Comments
 (0)