当前位置:  软件>JavaScript软件

基于 SVG 的矢量图形库 Kity

    来源:    发布时间:2014-12-31

    本文导语:  Kity 是一个基于 SVG 的矢量图形库,帮助你快速在页面上创建和使用矢量元素。 面向对象的接口风格在 Kity 里,所有图形,以及交换的数据,都是以强类型的对象出现的,可以非常方便地使用和拓展它们。 丰富的图形Kity 内置...

Kity 是一个基于 SVG 的矢量图形库,帮助你快速在页面上创建和使用矢量元素。

  • 面向对象的接口风格

    在 Kity 里,所有图形,以及交换的数据,都是以强类型的对象出现的,可以非常方便地使用和拓展它们。

  • 丰富的图形

    Kity 内置了的图形,包括矩形、圆形、椭圆、多边形、自动曲线、直线、正多边形、星形、饼、环、旋转形等等,还有最强大的 Path 工具,可以绘制任意矢量图形

  • 强大的填充能力

    Kity 对颜色加强了支持,不仅能随意使用 RGB 或 HSL 进行颜色的配置,还支持调色板的定义和使用。Kity 同时支持渐变和纹理的使用,可以让矢量元素更加生动丰富。

  • 完善的坐标变换能力

    在 Kity 中,对图形进行平移、旋转、缩放等变换是非常简单的。而且,这些变换的综合结果还可以获取,用于图形学的一些计算。

  • 灵活的动画支持

    Kity 内置了一个灵活的动画引擎,你可以使用该引擎方便灵活地创建和使用动画。动画创建的时间线还可以进一步控制:暂停、停止、循环等。同时提供最底层的动画接口,让你有完全的动画能力。

  • 必不可少的事件处理

    对于需要创建交互的应用来说,事件是必不可少的。Kity 允许你在图形上绑定各种各样的事件,并且可以帮你精确的计算事件发生的坐标(你还可以指定坐标系)。这个是非常重要的,不是吗?

  • 文本支持

    Kity 在文本的支持上下了苦工,你可以方便地定位文本和设置文本的样式。你还可以使用路径文本,让一个文本沿着指定的路径排列。

  • 滤镜支持

    Kity 支持最常用的 SVG 滤镜,而且为您预留了接口,可以快速拓展。

  • 强大的图形学支持

    这个在图形应用当中也是非常重要的。在 Kity 中,你可以轻松获取图形在指定坐标系下的区域,支持区域的合并、变换操作。Kity 同时对贝塞尔曲线和路径提供了很多有用的工具,比如切割、求字段、求补间等。

开始使用

要开始使用 kity,你需要先在页面中引用 kity.min.js:

// 引用本地的 kity 库


// 使用 git 的 CDN 服务引用

然后,你就可以在任何的元素上创建 kity 的画布:

    var paper = new kity.Paper('kity_paper');     var rect = paper.put(new kity.Rect());     var text = paper.put(new kity.Text());     text.setContent('hello kity!');     text.fill('white');     text.setX(100);     text.setY(200);     rect.setBox(text.getBoundaryBox().expand(-15, -10, 15, 10));     rect.setRadius(5);     rect.fill('blue');

基于 SVG 的矢量图形库 Kity[图片]

更详细的使用方法请参考 wiki



    
 
 

您可能感兴趣的文章:

  • 看看吧,100分!!如何将Image保存为XML的SVG图形格式?????
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • SVG 图标变形转换 SVG Morpheus
  • Android的SVG开发包 svg-android
  • SVG Integration
  • SVG2EMF
  • SVG 解析器和渲染器 canvg
  • jQuery 插件 Snap.svg
  • 在线图像编辑器 SVG-Edit
  • SVG.js
  • SVG 渲染引擎 libRSVG
  • JavaScript SVG 动画库 Vivus.js
  • 求助,uclinux里如何显示svg
  • Java 的 SVG 库 JFreeSVG
  • SVG 工具包 Batik
  • SVG编辑器 Sketsa
  • JavaScript 的 SVG 库 Paths.js
  • C++的SVG开发包 wxSVG
  • PHP5的SVG开发包 SVGGraph
  • SVG 背景生成器 Trianglify
  • 那里可以找到java的svg解释器?
  • SVG图标 OpenIcons


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3