open-index/open-npm huggingface dataset:
npm package: @lizychy0329/dom-to-svg
Description: Take SVG screenshots of DOM elements
Author: Felix Becker
Latest version: 1.1.0

dom-to-svg

# DOM to SVG

[![npm](https://img.shields.io/npm/v/dom-to-svg)](https://www.npmjs.com/package/dom-to-svg)
[![CI status](https://github.com/felixfbecker/dom-to-svg/workflows/test/badge.svg?branch=main)](https://github.com/felixfbecker/dom-to-svg/actions)
![license: MIT](https://img.shields.io/npm/l/dom-to-svg)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

Library to convert a given HTML DOM node into an accessible SVG "screenshot".

## Demo 📸

Try out the [SVG Screenshots Chrome extension](https://chrome.google.com/webstore/detail/svg-screenshot/nfakpcpmhhilkdpphcjgnokknpbpdllg) which uses this library to allow you to take SVG screenshots of any webpage.
You can find the source code at [github.com/felixfbecker/svg-screenshots](https://github.com/felixfbecker/svg-screenshots).

## Usage

```js
import { documentToSVG, elementToSVG, inlineResources, formatXML } from 'dom-to-svg'

// Capture the whole document
const svgDocument = documentToSVG(document)

// Capture specific element
const svgDocument = elementToSVG(document.querySelector('#my-element'))

// Inline external resources (fonts, images, etc) as data: URIs
await inlineResources(svgDocument.documentElement)

// Get SVG string
const svgString = new XMLSerializer().serializeToString(svgDocument)
```

The output can be used as-is as valid SVG or easily passed to other packages to pretty-print or compress.

## Features

- Does NOT rely on `<foreignObject>` - SVGs will work in design tools like Illustrator, Figma etc.
- Maintains DOM accessibility tree by annotating SVG with correct ARIA attributes.
- Maintains interactive links.
- Maintains text to allow copying to clipboard.
- Can inline external resources like images, fonts, etc to make SVG self-contained.
- Maintains CSS stacking order of elements.
- Outputs debug attributes on SVG to trace elements back to their DOM nodes.

## Caveats

- Designed to run in the browser. Using JSDOM on the server will likely not work, but it can easily run inside Puppeteer.
npm package: @lj1013240913/backpack-client
Description: Backpack exchange typescript client
Latest version: 3.0.10

# backpack_exchange

 要用脚本请把本文档看完
 
 运行命令：
 先运行 npm install
 后运行 node ./index.js

 先用我的邀请码注册backpack交易所：https://backpack.exchange/signup?referral=9ed76787-d966-4122-9a58-cd93d3a44de3
 不会的用脚本的可以推特私信问我 https://twitter.com/zisan_xyz

 没node的安装一下 这是教程：https://www.runoob.com/nodejs/nodejs-install-setup.html

 backpack 刷交易量 JavaScript 只刷sol/usdc
 注意事项：他们官网的api太多人用比较卡，可能在交易的时候会卡住，需要自己手动停止程序，重新运行

 ![image](https://github.com/catsats/backpack_exchange/assets/154321884/61503391-05ad-44d3-a121-6e6393907245)

 脚本运行详细：每次兑换一半余额的SOL换成USDC，再把所有USDC换成SOL。

 运行脚本需要把api keys填入进去
 ![image](https://github.com/catsats/backpack_exchange/assets/154321884/52850aab-6b10-4678-93d6-4b56d2be2449)

在这创建你的api keys https://backpack.exchange/settings/api-keys
![image](https://github.com/catsats/backpack_exchange/assets/154321884/9afa6f34-6d8f-495c-b6b7-e43c7f18cff5)
npm package: @lj1013240913/backpack-tea
Description: Backpack exchange typescript client
Latest version: 3.0.11

# backpack_exchange

 要用脚本请把本文档看完
 
 运行命令：
 先运行 npm install
 后运行 node ./index.js

 先用我的邀请码注册backpack交易所：https://backpack.exchange/signup?referral=9ed76787-d966-4122-9a58-cd93d3a44de3
 不会的用脚本的可以推特私信问我 https://twitter.com/zisan_xyz

 没node的安装一下 这是教程：https://www.runoob.com/nodejs/nodejs-install-setup.html

 backpack 刷交易量 JavaScript 只刷sol/usdc
 注意事项：他们官网的api太多人用比较卡，可能在交易的时候会卡住，需要自己手动停止程序，重新运行

 ![image](https://github.com/catsats/backpack_exchange/assets/154321884/61503391-05ad-44d3-a121-6e6393907245)

 脚本运行详细：每次兑换一半余额的SOL换成USDC，再把所有USDC换成SOL。

 运行脚本需要把api keys填入进去
 ![image](https://github.com/catsats/backpack_exchange/assets/154321884/52850aab-6b10-4678-93d6-4b56d2be2449)

在这创建你的api keys https://backpack.exchange/settings/api-keys
![image](https://github.com/catsats/backpack_exchange/assets/154321884/9afa6f34-6d8f-495c-b6b7-e43c7f18cff5)
npm package: @lj528/lj-utils
Description: intro component
Latest version: 1.0.0

# LjUtils

lj-utils

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |
npm package: @lj528/mytext
Description: intro component
Latest version: 1.0.0

# Mytext

mytext

intro component

## API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
|        |      |      |      |        |      |