Donatello:浏览器的纯 CSS 绘图库

时间:2024-07-18 02:29:49
【文件属性】:

文件名称:Donatello:浏览器的纯 CSS 绘图库

文件大小:191KB

文件格式:ZIP

更新时间:2024-07-18 02:29:49

JavaScript

关于 Donatello 是浏览器的纯 CSS 绘图库。 API 的部分灵感来自 Raphael.js。 所有图形元素都使用 HTML DOM 和 CSS 呈现。 这个想法来自我在其他项目中用于绘制圆圈和线条的各种代码片段。 在我的 Node Knockout 团队项目中使用 Raphael.js 后,我决定使用这些想法在绘图 API 上进行尝试。 目标 Donatello 旨在提供类似于 Raphael 和其他绘图库的熟悉绘图 API。 由于所有渲染都是使用 HTML 和 CSS 完成的,并且在主要浏览器中使用图形加速优化 CSS 方面付出了很多努力,因此有机会使用这种技术在浏览器中进行非常高效和高性能的绘图。 在未来的版本中,我希望能够利用 CSS 动画和过渡来实现高效的硬件加速动画。 非目标 Donatello 不寻求复制其他常见 JS 库中的功能,尤其是拖放和动画功能。 用法 多纳


【文件预览】:
Donatello-master
----build.sh(117B)
----line.js(2KB)
----tri.js(3KB)
----donatello.js(9KB)
----text.js(1KB)
----rect.js(2KB)
----Readme.md(8KB)
----spikes()
--------skew.html(1KB)
--------trap2.html(348B)
--------trap.html(584B)
----arc.js(3KB)
----rcompat.js(2KB)
----ellipse.js(1KB)
----image.js(641B)
----triangle.js(2KB)
----LICENSE(1KB)
----build()
--------donatello-min.js(11KB)
----samples()
--------ring.html(1KB)
--------ellipses.html(892B)
--------text.html(907B)
--------bezier.html(2KB)
--------bezier2.html(2KB)
--------cube.html(1KB)
--------polygon.html(1KB)
--------pgrams.html(866B)
--------bubbles.html(1KB)
--------circles.html(943B)
--------spiral.html(987B)
--------resize-rect.html(4KB)
--------gradients.html(2KB)
--------cdj.html(2KB)
--------clock.png(53KB)
--------isocube.html(1KB)
--------lines.html(1KB)
--------cloud.html(914B)
--------arc-clock.html(2KB)
--------pie.html(1KB)
--------arc-clock.png(26KB)
--------bezier.png(5KB)
--------clock.html(3KB)
--------ellipses.png(54KB)
--------drumpads.html(2KB)
--------isopolygon.html(1KB)
--------rects.html(920B)
----circle.js(2KB)
----experimental.js(4KB)
----tests()
--------arc.html(1KB)
--------circle.html(1KB)
--------text.html(461B)
--------draw.html(2KB)
--------experimental()
--------api.html(1KB)
--------decl.html(953B)
--------lineresize.html(926B)
--------linewidth.html(895B)
--------attrs.html(660B)
--------ellipse.html(1KB)
--------triangle.html(1002B)
--------rect.html(736B)
--------line.html(908B)
--------rounded.html(481B)
--------dalek()
--------center-test.html(1KB)
--------image.html(466B)
--------donatello.jpg(2KB)
----package.json(944B)

网友评论