SVG.js 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
SVG.js 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 程序开发SVG开发包
开发厂商
地区 不详
提 交 者 红薯
适用人群 未知
收录时间 2013-02-21

软件简介

SVG(Scalable Vector Graphics,可缩放矢量图形)是基于XML、用于描述二维矢量图形的一种图形格式。SVG由W3C制定,是一个开放标准。

SVG.js中包含了大量用于定义动画的方法,如移动、缩放、旋转、倾斜等,具体可参阅相关演示

SVG.js中的一些亮点:

  • 易读的简洁的语法
  • 非常轻量,gzip压缩版只有5k
  • 针对大小、位置、颜色等的动画元素
  • 模块化结构,轻松扩展
  • 各种实用插件
  • 各种形状类型间拥有统一的API.
  • 元素可以绑定事件,包括触摸事件
  • 完全支持不透明蒙版
  • 元素组
  • 动态渐变
  • 填充模式
  • 完整的文档记录

介绍内容来自 iteye

展开阅读全文

代码

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2018/02/22 15:24

JavaScript求两点之间相对于Y轴的顺时针旋转角度

需求: 已知一个向量,初始位置在y轴方向,如图红色箭头,绕中心点(x1, y1)旋转若干角度后,到达Line(x2,y2 x1,y1)的位置,求旋转角度 分析: 坐标点(x1, y1)(x2, y2)已知,则可利用JavaScript反三角函数求角度。 var getYAngle= function (cx, cy, x2, y2) { var x = Math.abs(cx - x2); ...

0
0
发表了博客
2018/04/20 17:53

SVG.js 笔记 (一)

SVG.js 是一款轻量级的SVG类库,并且不依赖任何第三方类库。 然后是一堆废话,讲框架是如何接近SVG规范,并且保持轻量级。接着就是展示一些SVG.js特点,为了让你相信并使用他。 代码精简 通过和竞品比较,证明SVG.js是如何轻量级的。SVG.js用接近一半的代码量实现同样的功能。 快 比竞品渲染速度快,但不像vanilla.js那样...

0
0
发表了博客
2018/02/09 13:23

SVG.JS 画弧线

需求描述: 使用svg.js,绘制一个弧线。下图绿色弧线。 准备工作: 1、了解SVG Path中的A指令 详细文档,请戳这里 给定x半径、y半径后,经过指定的两点,可以有2个椭圆,因此两点间有2条弧线,一条大弧线,一条小弧线。 所以,A指令的参数设置如下: 绝对坐标 A rx ry x-axis-rotation large-arc-flag sweep-flag x y 相...

0
0
发表了博客
2018/06/28 21:12

工作流技术分析

工作流技术分析 前言 基于上篇文章我决定写篇文章对工作流技术进行剖析和解读,授之以鱼不如授之以渔。所以决定讲讲原理,以便让大家对工作流有更深的了解。最早工作流是由外国人研发,慢慢被引近国内,我接触比较早的是Java的工作流如Jbpm、osworkflow、activiti都是比较成熟的解决方案,相比而言,采用Java研发还是比较...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2017/09/02 22:39

jsplumb连线定位不准确

现在正在做一个基于jsplumb的一个流程定制的项目,虽然基本功能都是现实了,连线也能实现。但是起点到终点连线的时候,箭头总是需要偏离终点的位置才能连线成功。请问这是什么问题,jsplumb的连线定位具体怎么实现的,请大神帮忙指点一下,谢谢!!! 补充:这里连线的task节点是六边形,四个锚点在六边形的四个角上。...

1
0
发表了问答
2016/10/25 13:31

在leaflet加载的osm地图文件上用svg绘制节点和路径

svg画布无法加载到地图图层上去,不知道是不是投影方式和坐标系建立不正确导致的

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
51 收藏
分享
返回顶部
顶部