SVG.js+扩展工具(svg.select.js+svg.resize.js+svg.draggable.js)联合开发画图工具 先介绍各个js负责功能模块 svg.js —— 图形绘制、图形层次结构 svg.select.js(svg.select.css) —— 图形选择功能+图形选择样式 svg.resize.js —— 图形拉伸、收缩和旋转 svg.draggable.js ——图形拖动
svg.js是一个轻量级的操纵和制作SVG动画的js插件库。svg.js没有任何的外部依赖,它遵循麻省理工学院的许可( MIT License)下许可证的条款。 使用方法 插入一个SVG 可以使用SVG()方法在指定的元素中创建一个SVG。 var draw = SVG('drawing').size(300, 300) var rect = draw.rect(100, 100).attr({
用于操纵和动画SVG的轻量级库。 SVG.js没有依赖关系,其目标是尽可能小,同时提供接近完整的SVG规范覆盖范围。如果您还不确定,这里有几点重点。 SVG.js很快。显然不如普通js快,但比竞争对手快很多倍: 关于大小,位置,变换,颜色,...的动画 模块化结构,轻松扩展 各种有用的插件可用 形状类型之间具有移动,大小,中心 ... 将事件绑定到元素 完全支持不透明蒙版和剪切路径 文本路径,甚至