Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
阿里云优惠券
卓越的云计算技术和服务提供商
即梦AI
一站式智能创作平台,即刻造梦
豆包AI
字节跳动旗下 AI 智能助手
AiPPT
全智能AI一键生成 PPT
友情链接交易
为广大站长提供友情链接买卖、软文交易等服务
星月写作
人工智能写作助手
扣子Coze
职场AI,就用扣子
必火AI
数字人一站式创作平台
Trae
字节跳动推出的 AI原生编程工具
任推邦
APP推广项目分发和流量变现平台

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

pts.js

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://ptsjs.org
GitHub:https://github.com/williamngan/pts
网站描述:用于可视化和创意编码的typescript/javascript库
访问官网
GitHub

Pts是用于可视化和创意编码的typescript/javascript库 。


什么是Pts.js?

Pts.js是一个用于可视化和创意编码的JavaScript库。它把复杂的数学计算包装成简单易用的api,让我们能轻松地在Canvas上创建各种动态的几何图形。说白了,就是一个能让代码变成艺术的魔法工具箱!


Pts.js用法

选项1

获取最新pts.js或pts.min.js(在dist文件夹中)。或者使用CDN服务,如cdnjs或jsdelivr或unpkg。然后将它添加到您的html页面,如下所示:

<script type="text/javascript" src="path/to/pts.js"></script>

Pts非常轻巧。目前在约90kb缩小和26kb gzipped。

选项2:

通过安装npm install pts。然后,您可以根据需要选择将Pts的某些部分导入到项目中。

import {CanvasSpace, Pt, Group, Line} from 'pts';


几何艺术的数学原理

你可能会问:"这些炫酷的效果是怎么实现的?"其实背后都是数学在发挥魔力!

  • $subtract:计算两点之间的向量
  • $multiply:向量的缩放
  • magnitude:计算向量的长度
  • Math.sin/cos:创造周期性的波动

这就是为什么我说Pts.js是"数学家",它把复杂的数学运算变成了优雅的艺术表现!

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/2242

更多»
热门资源
ECharts
一个使用 JavaScript 实现的开源可视化库
官网
GitHub
SVG.js
包括各种形状、线条、文本、路径等元素
官网
GitHub
d3.js
基于HTML 和 SVG 的 JavaScript 可视化库
官网
GitHub
incubator-echarts
百度团队开发的一款商业级数据图表
官网
GitHub
g2
一套基于可视化编码的图形语法
官网
GitHub
Chartist.js
JavaScript响应式图表库
官网
GitHub
MetricsGraphics.js
一个基于 D3 的简洁的数据图表优化
官网
GitHub
plotly.js
基于d3.js 和stack.gl开源的 JavaScript 图表库
官网
GitHub
js-sequence-diagrams
一款基于 Javascript 的Web绘制时序图的工具
官网
GitHub
C3.js
基于D3.js开发的JavaScript库
官网
GitHub
crossfilter
一个数据计算模型,能够很好地结合DC.JS进行数据解析绘图
官网
GitHub
Processing.js
擅长创建2D和3D图象,可视化数据套件,音频,视频等
官网
GitHub
类似于pts.js的资源
tauCharts
灵活的 JavaScript 图表库
官网
GitHub
cytoscape.js
可视化的交互图形库
官网
GitHub
ola
JavaScript 实时数据插入平滑动画库
点击进入
GitHub
El Grapho
高性能WebGL图数据可视化引擎
点击进入
GitHub
Paper.js
一个基于HTML5 Canvas的矢量图形的脚本,可以实现多种绚丽的效果。
官网
GitHub
Cubism.js
用于可视化时间线的d3插件
官网
GitHub
vue-trend
采用Vue.js实现的简单,优雅spark图表
官网
GitHub
zdog
扁平,圆形,设计师友好的伪3D引擎
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网 All Rights Reserved. 提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。