Svg.js使用手册

Svg.js使用手册


2024年5月4日发(作者:)

使用手册

简介:

是一个轻量级的JavaScript库,允许你轻松操作SVG和定义动画。

SVG(Scalable Vector Graphics,可缩放矢量图形)是基于XML、用于描述二维矢

量图形的一种图形格式。SVG由W3C制定,是一个开放标准。

中包含了大量用于定义动画的方法,如移动、缩放、旋转、倾斜等,具体可参

阅相关演示。

中的一些亮点:

• 易读的简洁的语法

• 非常轻量,gzip压缩版只有5k

• 针对大小、位置、颜色等的动画元素

• 模块化结构,轻松扩展

• 各种实用插件

• 各种形状类型间拥有统一的API.

• 元素可以绑定事件,包括触摸事件

• 完全支持不透明蒙版

• 元素组

• 动态渐变

• 填充模式

• 完整的文档记录

使用说明:

Create a SVG document

Use the SVG() function to create a SVG document within a given html element:

var draw = SVG('canvas').size(300, 300)

var rect = (100, 100).attr({ fill: '#f06' })

The first argument can either be an id of the element or the selected element

itself. This will generate the following output:


发布者:admin,转转请注明出处:http://www.yc00.com/news/1714762794a2510831.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信