创建Label text 文字排版 lineBreak wordBreak SpriteJS通过Label对象来显示单行或多行文本。 创建Label Label的构造函数可以接受text作为参数，等价于构造后再设置text属性。 const label = new Label ( 'Hello World' ) label...

常用Web框架&中间件汇总 常用Web框架&中间件汇总 node项目启动进程守护 pm2 带有负载均衡管理的node应用进程管理工具 supervisor 全局启动监听项目变化 数据处理 exceljs 一款优秀的excel表格数据处理插件 node-xlsx spritejs 支持使用 node-canvas 在服务端跑，生成...

更新日志 [2020-03-18] v3.4.0 [2020-03-04] v3.3.0 [2020-02-19] v3.2.5 [2020-02-05] v3.2.0 [2019-12-31] v3.1.1 [2019-12-30] v3.0.7 [2019-12-28] v3.0.6 [2019-12-26] v3.0.0 🚀 【2019...

盒模型 盒模型 类似于 DOM 元素，spritejs 的元素也有自己的“盒模型”，具体来说，是指一个sprite元素有内容、padding、border，它们依照标准的规则占据一定的可视区域，另外由于元素还有transform，因此还有一个特殊的boundingRect。 我们用一张图来表示sprite元素的盒模型： 属性sprite.co...

Node Attributes Properties readonly ancestors readonly animations readonly filters readonly isVisible readonly layer readonly localMatrix readonly parent readonly renderer ...

Flex 布局 容器属性 flexDirection flexWrap justifyContent alignItems alignContent 元素属性 Flex 布局 感谢 @Winter 同学的支持，现在SpriteJS能够使用Flex布局了。 在Group上可以设置属性display: flex ，开启flex布局。 ...

后期处理通道 后期处理通道 3D扩展允许给layer设置一个后期处理通道，所谓后期处理通道，是指将renderer输出的内容放到FrameBuffer中依次通过若干个后期处理的Program来完成渲染。 实际上我们可以通过多个RenderTarget来实现这个功能，后期处理通道简化了实现的步骤。 这样可以实现很多有趣的效果。 const fr...

自适应父容器 displayRatio Stick Mode 粘连模式 自适应父容器 要实现自适应大小，使用spritejs是很简单的，Scene能够在初始化的时候自动根据容器的宽高来设置canvas的样式宽高。 const scene = new Scene ( '#adaptive' , { resolution : ...

事件和坐标 自定义事件 元素和绘图事件 scene事件代理 屏蔽代理给layer的事件 事件和坐标 在基础用法：事件 里，我们介绍了sprite事件的基本原理和用法。但是在一些应用中，我们有一些非矩形的元素，比如一些Path或者利用元素圆角绘制的几何图形。如果是Path，我们可以通过事件参数event.targetPaths来判断元素中的Pa...

Node3d extends Node constructor(attrs) Attributes Properties readonly body readonly isVisible readonly localMatrix readonly matrix readonly mesh readonly meshes readonly ...