SnapSVG基本概念与使用101

最新推荐文章于 2024-11-19 23:10:54 发布

FreQuencE_bounce

最新推荐文章于 2024-11-19 23:10:54 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： js snapsvg svg 文章标签： snapsvg svg

本文链接：https://blog.youkuaiyun.com/u012937510/article/details/80334812

SnapSVG是Adobede的开源项目，由Raphaël.js的作者Dmitry Baranovskiy为现代浏览器（如IE9+、Safari、Chrome、Firefox和Opera）设计，支持更多的SVG特性。本文介绍了SnapSVG的基本概念，包括环境准备和在webpack中的配置，并特别提到了SnapSVG的一个亮点——能直接使用现有的SVG文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

SnapSVG（v0.5.1）

本文仅针对版本v0.5.1情况，其他环境：webpack@4.8.3、npm@5.8.0、nodejs@6.11.0

前身是旧浏览器时代有名的 Raphaël.js 。
为了更好地发挥HTML5的特性，原作者Dmitry Baranovskiy重写了一个SnapSVG，目前这个项目是Adobede的开源项目之一。

Currently, the most popular library for working with SVG is Raphaël. One of the primary reasons Raphaël became the de facto standard is that it supports browsers all the way back to IE 6. However, supporting so many browsers means only being able to implement a common subset of SVG features. Snap was written entirely from scratch by the author of Raphaël (Dmitry Baranovskiy), and is designed specifically for modern browsers (IE9 and up, Safari, Chrome, Firefox, and Opera). Targeting more modern browse