u010089686的博客

阅读原文：http://shuaihua.cc/article/html5/canvas-transform.php 先用transform坐标系变换绘制一个立方体绘制结果源代码ctx.save(); ctx.translate(win_width/2-50, win_height/2-50); // 后 ctx.save(); ctx.transform(1, -0.05, 0, 1,

Airglass要做的是FUI/HUD风格的UI基础组件库，自然少不了对UI交互功能的支持。我利用事件委托，将canvas监听到的事件派发给canvas中绘制的虚拟元素。我甚至让开发者能够订阅虚拟元素触发的各种定制化事件，例如创建和移除事件等。据此实现用户操作画布中虚拟UI的可能。继承性在起步走那一篇想法中，我在最后提到Airglass.js中类的定义以及如何梳理类之间继承关系这件事。对此，我...

Airglass，从碰撞的火花中，孕育一个种子，选对语言像选了对的舞台；配置一套构建环境像DNA按预定规则构建出各种蛋白质；不断完善的类继承关系像千丝万缕错综复杂的神经网络，诞生前的痛；添加事件监听器，像婴儿睁开了眼，接收来自这个世界的善意祝福；订阅事件，像身体各器官各细胞沟通协作。他登上了台。继承关系我将Airglass中凡是支持事件的类统一都去继承Event类。Element表示一类抽象...

我打算用Airglass.js重新实现canvas版的LabelImg图像标注切割功能，作为Airglass.js的第一个最佳实践。实现图像的标注和切割，关键不是切割图像，而是如何标注多边形区域，获取标注点信息。为此我为Airglass新增了创建多边形的Polygon类。拖拽多边形和矩形或圆形不同的是，多边形的中心点坐标位置和多边形的边界是通过计算得来的。用户不断的为多边形增加新的控制点，因...

我用airglass.js初步完成了第一个最佳实践：创建和编辑多边形标注区域。做Demo的同时完善Airglass.js。我给渲染器类新增了击中检测实例方法，还增加了链式调用提升开发效率。同时新增多边形Polygon类，它是继矩形圆形后Airglass.js出现的第3个基本形状。接下来是对Demo无止境优化的漫漫长路。画笑脸从上面的演示可以看到，我做了优化的地方是：只显示正在编辑或选中状态的...