榜单
服务器优惠
IT文库
-
样式 - CSS 样式
CSS 样式 SpriteJS的CSS样式限制： CSS 样式 SpriteJS从v2.22开始支持使用CSS。在HTML页面上可以加载CSS，使用CSS3选择器给SpriteJS元素添加样式。 要支持CSS样式，只要在创建Scene时，将参数useDocumentCSS 设置为true。 const scene = new Sce... -
块元素
块元素 锚点 anchor 边框 border 内边距 padding 盒子 boxSizing 精灵 Sprite 文字 Label 分组 Group SpriteSvg 块元素 块元素是指有外盒（outer box）和内容盒（content box）的元素。 SpriteJS Next的块元素继承基类Block ，主要有Spri... -
跨平台
服务端渲染 微信小程序 服务端渲染 spritejs通过node-canvas 支持服务端渲染，也就是说我们可以在node环境下使用spritejs，将绘制好的图形保存成png，或者将动画保存成gif。 将静态输出保存成png const fs = require ( 'fs' ) const { Scene , Lab... -
多线程
多线程 多线程 SpriteJS Next 支持 OffscreenCanvas 和多线程，我们可以给 Layer 设置参数 {worker: URL} 来创建一个在 worker 中运行的 Layer。 // 主线程 const container = document . getElementById ( 'stage' ); ... -
起步
3D 扩展 安装 坐标和相机 绘制几何体 绘制模型 光照 与元素交互 3D 扩展 SpriteJSNext可以通过3D扩展库 来渲染3D元素。 安装 加载3D渲染库的方式非常简单，你可以直接通过CND加载 <script src = "https://unpkg.com/spritejs@3/dist/spritejs.es.... -
外部时钟
外部时钟 外部时钟 SpriteJS有自己的canvas内容更新机制，只要layer中的元素的属性有变化，layer就会将该元素放到等待刷新的列表中，在下一个渲染周期内刷新。这是SpriteJS内置的更新机制。 不过，SpriteJS可以使用外部时钟进行canvas更新。这使得它对很多第三方库非常友好。 SpriteJS要指定layer使用外部时... -
事件
Pointer 事件 其他事件 自定义事件 事件穿透 不派发事件 Pointer 事件 在基础用法：事件 里，我们介绍了sprite事件的基本原理和用法。 在 SpriteJS Next 里，元素的事件点击区域是由 isPointCollision(x, y) 方法决定的，我们可以通过改写它，来改变元素事件可点击区域。 这个方法的改写会... -
外部时钟
外部时钟 layer.tick 外部时钟 SpriteJS Next 有自己的内容更新机制，只要layer中的元素的属性有变化，layer就会将该元素放到等待刷新的列表中，在下一个渲染周期内刷新。 不过，SpriteJS可以使用外部时钟进行更新。这使得它对很多第三方库非常友好。 SpriteJS要指定layer使用外部时钟，可以手动调用laye... -
快速入门
简介 特性 安装和使用 3D 扩展 架构 与旧版本主要差异 增强 改变策略 弱化 基本用法 简介 SpriteJS 是跨平台的高性能图形系统，它能够支持web、node、桌面应用和小程序的图形绘制和实现各种动画效果。 SpriteJS Next 是SpriteJS的新版本，在浏览器端支持 webgl2 渲染，并可向后兼容降级为 w... -
Layer
创建layer对象 autoRender = true context evaluateFPS = false handleEvent = true renderMode = 'repaintAll' center canvas clearContext() children context id resolution timeli...