WebCanvas
4篇文章 · 0订阅
  • 如何实现一个Canvas渲染引擎(三)：碰撞检测(射线法和像素标记法)
    假设我们现在在canvas上画了很多个节点(DisplayObject)，这些节点形成了一套层级关系，我们将鼠标移动到canvas元素上并点击了一下左键，这个时候，如何判断鼠标点到了哪个节点呢....
    前端 JavaScript Canvas
    如何实现一个Canvas渲染引擎(三)：碰撞检测(射线法和像素标记法)
  • 如何实现一个Canvas渲染引擎(二)：Graphics类
    本文将会介绍Graphics类支持的所有图形，一些简单的图形，将会使用比较短的篇幅来介绍，重点将会放在曲线等复杂图形的绘制上，如贝塞尔曲线、圆弧等...
    前端 Canvas JavaScript
    如何实现一个Canvas渲染引擎(二)：Graphics类
  • 如何实现一个canvas渲染引擎(前言)
    本系列文章将会从0开始，实现一个canvas渲染引擎，并介绍每一步的实现细节，在这个渲染引擎里......
    前端 Canvas JavaScript
    如何实现一个canvas渲染引擎(前言)
  • 如何实现一个Canvas渲染引擎(一)：节点和层级关系
    canvas并不会主动维护一个层级关系，我们能做的事情，只有画圆、画矩形、画线等，至于像DOM那样，在一个节点上调用appendChild来给这个节点添加子节点这种事情，在canvas里是不存在的..
    前端 Canvas JavaScript
    如何实现一个Canvas渲染引擎(一)：节点和层级关系