[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3363":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":22,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":16,"starSnapshotCount":16,"syncStatus":33,"lastSyncTime":34,"discoverSource":35},3363,"Snap.svg","adobe-webplatform\u002FSnap.svg","adobe-webplatform","The JavaScript library for modern SVG graphics.","http:\u002F\u002Fsnapsvg.io",null,"JavaScript",14008,1120,386,257,0,1,6,3,72.25,"Apache License 2.0",false,"master",[25,26,27,28,29],"javascript","javascript-library","snap","svg","svg-animations","2026-06-12 04:00:17","[Snap.svg](http:\u002F\u002Fsnapsvg.io) · [![Build Status](https:\u002F\u002Ftravis-ci.org\u002Fadobe-webplatform\u002FSnap.svg.svg?branch=dev)](https:\u002F\u002Ftravis-ci.org\u002Fadobe-webplatform\u002FSnap.svg)  [![CDNJS](https:\u002F\u002Fimg.shields.io\u002Fcdnjs\u002Fv\u002Fsnap.svg.svg)](https:\u002F\u002Fcdnjs.com\u002Flibraries\u002Fsnap.svg\u002F) [![GitHub Tag](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Ftag\u002Fadobe-webplatform\u002Fsnap.svg.svg)](https:\u002F\u002Fgithub.com\u002Fadobe-webplatform\u002FSnap.svg\u002Freleases) [![License](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fl\u002Fsnapsvg.svg)](https:\u002F\u002Fgithub.com\u002Fadobe-webplatform\u002FSnap.svg\u002Fblob\u002Fmaster\u002FLICENSE)\n======\n\nA JavaScript SVG library for the modern web. Learn more at [snapsvg.io](http:\u002F\u002Fsnapsvg.io).\n\n[Follow us on Twitter.](https:\u002F\u002Ftwitter.com\u002Fsnapsvg)\n\n### Install\n* [Bower](http:\u002F\u002Fbower.io\u002F) - `bower install snap.svg` ![Bower](https:\u002F\u002Fimg.shields.io\u002Fbower\u002Fv\u002Fsnap.svg.svg)\n* [npm](http:\u002F\u002Fnpmjs.com\u002F) - `npm install snapsvg` [![npm version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fsnapsvg.svg?style=flat)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fsnapsvg) [![Downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002Fsnapsvg.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fsnapsvg)\n* Manual Minified - https:\u002F\u002Fgithub.com\u002Fadobe-webplatform\u002FSnap.svg\u002Fraw\u002Fmaster\u002Fdist\u002Fsnap.svg-min.js\n* Manual Unminified - https:\u002F\u002Fraw.githubusercontent.com\u002Fadobe-webplatform\u002FSnap.svg\u002Fmaster\u002Fdist\u002Fsnap.svg.js\n\n\n### Learn\n\n* [About Snap.svg](http:\u002F\u002Fsnapsvg.io\u002Fabout\u002F)\n* [Getting Started](http:\u002F\u002Fsnapsvg.io\u002Fstart\u002F)\n* [API Reference](http:\u002F\u002Fsnapsvg.io\u002Fdocs\u002F)\n* [Slack Room](https:\u002F\u002Fsnapsvg.slack.com\u002F). [Invite](https:\u002F\u002Fsnapsvg.slack.com\u002Fshared_invite\u002FMTM2NTE4MTk3MDYwLTE0ODYwODgzNzUtYjQ0YmM1N2U0Mg)\n\n### Use\n\nIn your HTML file, load simply by:\n```html\n\u003Cscript src=\"snap.svg-min.js\">\u003C\u002Fscript>\n```\nNo other scripts are needed. Both the minified and uncompressed (for development) versions are in the `\u002Fdist` folder.\n\n#### webpack\nTo load with webpack 2.x and 3.x, install [Imports Loader](https:\u002F\u002Fgithub.com\u002Fwebpack-contrib\u002Fimports-loader) (`npm i -D imports-loader`), and add the following to your webpack config:\n\n```js\nmodule: {\n  rules: [\n    {\n      test: require.resolve('snapsvg\u002Fdist\u002Fsnap.svg.js'),\n      use: 'imports-loader?this=>window,fix=>module.exports=0',\n    },\n  ],\n},\nresolve: {\n  alias: {\n    snapsvg: 'snapsvg\u002Fdist\u002Fsnap.svg.js',\n  },\n},\n```\n\nThen, in any module you’d like to require Snap, use:\n```\nimport Snap from 'snapsvg';\n```\n\n### Build\n[![Build Status](https:\u002F\u002Ftravis-ci.org\u002Fadobe-webplatform\u002FSnap.svg.svg?branch=dev)](https:\u002F\u002Ftravis-ci.org\u002Fadobe-webplatform\u002FSnap.svg)\n\nSnap.svg uses [Grunt](http:\u002F\u002Fgruntjs.com\u002F) to build.\n\n* Open the terminal from the Snap.svg directory:\n```sh\ncd Snap.svg\n```\n* Install its command line interface (CLI) globally:\n```sh\nnpm install -g grunt-cli\n```\n_*You might need to use `sudo npm`, depending on your configuration._\n\n* Install dependencies with npm:\n```sh\nnpm install\n```\n_*Snap.svg uses Grunt 0.4.0. You might want to [read](http:\u002F\u002Fgruntjs.com\u002Fgetting-started) more on their website if you haven’t upgraded since a lot has changed._\n\n* To build the files run\n```sh\ngrunt\n```\n* The results will be built into the `dist` folder.\n* Alternatively type `grunt watch` to have the build run automatically when you make changes to source files.\n\n### Testing\n\nTests are located in `test` folder. To run tests, simply open `test.html` in there. Automatic tests use PhantomJS to scrap this file, so you can use it as a reference.\n\nAlternatively, install [PhantomJS](http:\u002F\u002Fphantomjs.org) and run command\n```sh\ngrunt test\n```\n\n### Contribute\n\n* [Fill out the CLA](http:\u002F\u002Fsnapsvg.io\u002Fcontributions\u002F).\n* [Fork](https:\u002F\u002Fhelp.github.com\u002Farticles\u002Ffork-a-repo) the repo.\n* Create a branch:\n```sh\ngit checkout -b my_branch\n```\n* Add your changes.\n* Check that tests are passing\n* Commit your changes:\n```sh\ngit commit -am \"Added some awesome stuff\"\n```\n* Push your branch:\n```sh\ngit push origin my_branch\n```\n* Make a [pull request](https:\u002F\u002Fhelp.github.com\u002Farticles\u002Fusing-pull-requests) to `dev`(!) branch.\n\n*Note:* Pull requests to other branches than `dev` or without filled CLA wouldn’t be accepted.\n","Snap.svg 是一个用于现代SVG图形处理的JavaScript库。它提供了丰富的API来创建、操作和动画SVG内容，支持包括路径绘制、滤镜效果、渐变填充等在内的多种图形功能，并且具有良好的跨浏览器兼容性。该库特别适合需要在网页上实现复杂矢量图形交互或动画效果的应用场景，如数据可视化、游戏开发及各种创意性的Web项目。通过简洁的接口设计，Snap.svg 使得开发者能够以更高效的方式进行SVG相关的工作，同时其活跃的社区和详细的文档也为用户提供了强大的支持。",2,"2026-06-11 02:53:48","top_language"]