{"id":14990260,"url":"https://github.com/swlws/clonenodedeep","last_synced_at":"2026-02-25T20:31:59.718Z","repository":{"id":225291811,"uuid":"765568826","full_name":"swlws/cloneNodeDeep","owner":"swlws","description":"深度 clone Dom 节点，支持对 Web Compoent 的兼容处理（不会造成样式的全局污染）","archived":false,"fork":false,"pushed_at":"2024-03-01T09:00:19.000Z","size":13,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-26T17:46:35.875Z","etag":null,"topics":["clone-node-deep","dom-to-image","gripeless-pico","html2canvas","pico","web-component"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/swlws.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-01T07:17:44.000Z","updated_at":"2024-08-15T13:07:53.000Z","dependencies_parsed_at":"2024-09-24T16:01:21.453Z","dependency_job_id":"79428ab3-d7eb-4d40-a444-fbb190a66151","html_url":"https://github.com/swlws/cloneNodeDeep","commit_stats":{"total_commits":3,"total_committers":2,"mean_commits":1.5,"dds":"0.33333333333333337","last_synced_commit":"8000955dedb4779ce8a7f730b5cc715da840d8b7"},"previous_names":["swlws/clonenodedeep"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swlws%2FcloneNodeDeep","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swlws%2FcloneNodeDeep/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swlws%2FcloneNodeDeep/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swlws%2FcloneNodeDeep/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/swlws","download_url":"https://codeload.github.com/swlws/cloneNodeDeep/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244882170,"owners_count":20525812,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["clone-node-deep","dom-to-image","gripeless-pico","html2canvas","pico","web-component"],"created_at":"2024-09-24T14:19:47.625Z","updated_at":"2026-02-25T20:31:59.664Z","avatar_url":"https://github.com/swlws.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# cloneNodeDeep\n\n深度 clone Dom 节点，支持对 Web Compoent 的兼容处理（不会造成样式的全局污染）\n\n## Goal\n\n目前主流的，将一个HTML页面转化为图片的方式，多利用 svg 的 foreignobject 特性。然后将生成的 svg 序列化后（XMLSerializer），丢到`new Image` 进行处理。\n\n但存在一个问题，XMLSerializer 会造成 Web Component 的 `shadowRoot` 丢失\n\n## How It Work\n\n遇到 WebComponent 节点时，将其转化为普通的 div 节点，同时为 `shadowRoot` 下的 `style` 的样式选择器添加`名空间`，防止造成全局的样式污染\n\n## API\n\n```ts\nexport declare function cloneNodeDeep(node: HTMLElement): Node | null | undefined;\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswlws%2Fclonenodedeep","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fswlws%2Fclonenodedeep","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswlws%2Fclonenodedeep/lists"}