mirror/html2canvas
1
0
Fork 0
mirror of https://github.com/niklasvh/html2canvas.git synced 2023-08-10 21:13:10 +03:00
Code Issues Projects Releases Wiki Activity

add flag to disable copyCssStyles for SVG elements

Browse Source
This commit is contained in:
ybaturin 2021-03-22 16:49:24 +05:00 committed by ybaturin@gmail.com
parent 7222aba1b4
commit 2476c269ed
3 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/configuration.md
View File

@ -21,6 +21,7 @@ These are all of the available configuration options.
| onclone | `null` | Callback function which is called when the Document has been cloned for rendering, can be used to modify the contents that will be rendered without affecting the original source document.
| proxy | `null` | Url to the [proxy](/proxy/) which is to be used for loading cross-origin images. If left empty, cross-origin images won't be loaded.
| removeContainer | `true` | Whether to cleanup the cloned DOM elements html2canvas creates temporarily
| copyStylesInSVG | `true` | Whether to copy all computed styles inside every SVG node
| scale | `window.devicePixelRatio` | The scale to use for rendering. Defaults to the browsers device pixel ratio.
| useCORS | `false` | Whether to attempt to load images from a server using CORS
| width | `Element` width | The width of the `canvas`

8
src/dom/document-cloner.ts
View File

@ -25,6 +25,7 @@ export interface CloneOptions {
id: string;
ignoreElements?: (element: Element) => boolean;
onclone?: (document: Document) => void;
copyStylesInSVG?: boolean;
}
export type CloneConfigurations = CloneOptions & {
@ -306,7 +307,12 @@ export class DocumentCloner {
this.counters.pop(counters);
if (style && (this.options.copyStyles || isSVGElementNode(node)) && !isIFrameElement(node)) {
if (
style &&
this.options.copyStylesInSVG &&
(this.options.copyStyles || isSVGElementNode(node)) &&
!isIFrameElement(node)
) {
copyCSSStyles(style, clone);
}

3
src/index.ts
View File

@ -85,7 +85,8 @@ const renderElement = async (element: HTMLElement, opts: Partial<Options>): Prom
onclone: options.onclone,
ignoreElements: options.ignoreElements,
inlineImages: options.foreignObjectRendering,
copyStyles: options.foreignObjectRendering
copyStyles: options.foreignObjectRendering,
copyStylesInSVG: options.copyStylesInSVG == null ? true : options.copyStylesInSVG
});
const clonedElement = documentCloner.clonedReferenceElement;
if (!clonedElement) {