{"_id":"kity","_rev":"3-9e45db82b6234ae66e61094c827525d6","time":{"0.0.0":"2017-11-30T04:56:10.790Z","created":"2018-08-01T09:06:41.561Z","2.0.4":"2018-08-01T09:06:41.733Z","modified":"2022-05-07T08:13:02.436Z"},"name":"kity","dist-tags":{"latest":"2.0.4"},"versions":{"2.0.4":{"name":"kity","title":"kity","description":"Kity Graphic Library","version":"2.0.4","homepage":"https://github.com/fex-team/kity","author":{"name":"Baidu FEX","url":"https://github.com/fex-team/kity"},"repository":{"type":"git","url":"git+https://github.com/fex-team/kity.git"},"keywords":["kity","svg","graphic","javascript","library"],"bugs":{"url":"https://github.com/fex-team/kity/issues"},"licenses":[{"type":"BSD","url":"https://github.com/fex-team/kity/blob/dev/LICENSE"}],"dependencies":{},"devDependencies":{"grunt":"~0.4.2","grunt-module-dependence":"~0.2.0","grunt-contrib-concat":"~0.3.0","grunt-contrib-uglify":"~0.2.6","grunt-contrib-clean":"~0.5.0","grunt-contrib-jasmine":"~0.5.3","grunt-contrib-connect":"~0.4.0"},"main":"dist/kity.js","gitHead":"f0ade66d69d5b869b41abe2217fb3a7e8126933e","_id":"kity@2.0.4","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"dafrok","email":"o.o@mug.dog"},"dist":{"integrity":"sha512-u6jPit9N44gPTMzB7EiX3szurI7JB6HPswJESQiS0UnrNiceOeLxGRAm0mgGRuRnkGXwmA3Pzn7hZ1rauINpOA==","shasum":"e0a3579aad705f6ec174211d88b2a4bdfee03f1e","tarball":"https://registry.npmjs.org/kity/-/kity-2.0.4.tgz","fileCount":284,"unpackedSize":4134209,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbYXgiCRA9TVsSAnZWagAAq90P/jKQ9SXLeCFRP2pPc5/N\nVh8pVd7W9SNegBAJVO+TkuuYqq5cy1b/WDpFoh6yZ2zsLHNlbO2HZwNYCFMy\nn1OuYTsXDCrUNObZBKeNLHunH+bLHWzYrQdrHYSj0Z7v214tFC/eVpJQ86E6\nWvEcjvuu/xrJNSL0hvv1MB1p1z6a6kKPoxLd0VOT9KoNnXuRpj8zR59WuxjR\nrv2p8C5w1Q5klW5gnu8gsbXhsSsAhZc998gfLK5SofkycDm1FF6MoZRLPWio\nAtTzePE0b8tCD6Og1UL505Qe9sU3QpMWbm4j4wx77KUFrGrLhyEMzKM1UgoA\nxkD8+2I4d0kWu9gNdx7O8a+QOXSF35bGVM+RiapDp3MuDH1xZ4l/hacLLS24\nXahjrHkVLV/yvmsSpeKr1iFxSF+8EYPaXPQoDY1UMMYTOnQRWGywtORJYau4\nygiUTbNQzUACVZFXpLHL0GGzWzcjAPYok5Blc9tbITmd2oFibqOAdOl6+dAY\nmJft8jmGwGPIQxcY/QQPKz0n8P5tZFmkJ9vhiwC7D3OMk2iuaUx7/uJOF9y4\nYjX3d40luyvhl97uLWpC/7dTw52voH6iPh8iZGQ9aHkmkNtRh+Ephi5giDyj\nDQf5Ycq/Y8XXmj3aU2a8ufqxo8YlUjhlBvTDM9XeAQug74il+dC1iMxxnbjK\nQP9F\r\n=tQ31\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClG91ulJ41s90lRm0obzSZ+GUDadjO8Fk1VVIPFakopwIhAOfytL7CuTM5zq0L/LEz4ABMzo0svQxMvEoHhA7Q+HlF"}]},"maintainers":[{"name":"dafrok","email":"o.o@mug.dog"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/kity_2.0.4_1533114401562_0.8892006310961651"},"_hasShrinkwrap":false}},"maintainers":[{"name":"dafrok","email":"o.o@mug.dog"}],"description":"Kity Graphic Library","homepage":"https://github.com/fex-team/kity","keywords":["kity","svg","graphic","javascript","library"],"repository":{"type":"git","url":"git+https://github.com/fex-team/kity.git"},"author":{"name":"Baidu FEX","url":"https://github.com/fex-team/kity"},"bugs":{"url":"https://github.com/fex-team/kity/issues"},"readme":"Kity Vector Libary [![Build Status](https://travis-ci.org/fex-team/kity.svg?branch=dev)](https://travis-ci.org/fex-team/kity)\n=======\n\nKity 是一个基于 SVG 的矢量图形库，帮助你快速在页面上创建和使用矢量元素。\n\n* 面向对象的接口风格\n\n  在 Kity 里，所有图形，以及交换的数据，都是以强类型的对象出现的，可以非常方便地使用和拓展它们。\n\n* 丰富的图形\n\n  Kity 内置了的图形，包括矩形、圆形、椭圆、多边形、自动曲线、直线、正多边形、星形、饼、环、旋转形等等，还有最强大的 Path 工具，可以绘制任意矢量图形\n\n* 强大的填充能力\n\n  Kity 对颜色加强了支持，不仅能随意使用 RGB 或 HSL 进行颜色的配置，还支持调色板的定义和使用。Kity 同时支持渐变和纹理的使用，可以让矢量元素更加生动丰富。\n\n* 完善的坐标变换能力\n\n  在 Kity 中，对图形进行平移、旋转、缩放等变换是非常简单的。而且，这些变换的综合结果还可以获取，用于图形学的一些计算。\n\n* 灵活的动画支持\n\n  Kity 内置了一个灵活的动画引擎，你可以使用该引擎方便灵活地创建和使用动画。动画创建的时间线还可以进一步控制：暂停、停止、循环等。同时提供最底层的动画接口，让你有完全的动画能力。\n  \n* 必不可少的事件处理\n\n  对于需要创建交互的应用来说，事件是必不可少的。Kity 允许你在图形上绑定各种各样的事件，并且可以帮你精确的计算事件发生的坐标（你还可以指定坐标系）。这个是非常重要的，不是吗？\n  \n* 文本支持\n\n  Kity 在文本的支持上下了苦工，你可以方便地定位文本和设置文本的样式。你还可以使用路径文本，让一个文本沿着指定的路径排列。\n\n* 滤镜支持\n\n  Kity 支持最常用的 SVG 滤镜，而且为您预留了接口，可以快速拓展。\n  \n* 强大的图形学支持\n\n  这个在图形应用当中也是非常重要的。在 Kity 中，你可以轻松获取图形在指定坐标系下的区域，支持区域的合并、变换操作。Kity 同时对贝塞尔曲线和路径提供了很多有用的工具，比如切割、求字段、求补间等。\n  \n\n## 开始使用\n\n要开始使用 kity，你需要先在页面中引用 `kity.min.js`：\n\n```html\n// 引用本地的 kity 库\n<script type=\"text/javascript\" src=\"lib/kity.min.js\"></script>\n\n\n// 使用 git 的 CDN 服务引用\n<script type=\"text/javascript\" src=\"https://cdn.rawgit.com/fex-team/kity/dev/dist/kity.min.js\"></script>\n```\n\n然后，你就可以在任何的元素上创建 kity 的画布：\n\n```html\n<div id=\"kity_paper\"></div>\n\n<script type=\"text/javascript\">\n    var paper = new kity.Paper('kity_paper');\n    var rect = paper.put(new kity.Rect());\n    var text = paper.put(new kity.Text());\n\n    text.setContent('hello kity!');\n    text.fill('white');\n    text.setX(100);\n    text.setY(200);\n\n    rect.setBox(text.getBoundaryBox().expand(-15, -10, 15, 10));\n    rect.setRadius(5);\n    rect.fill('blue');\n</script>\n```\n\n![Hello Kity](doc/images/hello-kity.png)\n\n更详细的使用方法请参考 [wiki](https://github.com/fex-team/kity/wiki)。\n\n## 贡献\n\n如果您在使用的过程中发现任何问题，欢迎给我们提 [issue](https://github.com/fex-team/kity/issues)。\n\n如果您是开发者，可以直接给我们提 [Pull Requst](https://github.com/fex-team/pulls)。\n\n## 联系我们\n\nEmail: kity@baidu.com\n","readmeFilename":"README.md"}