这是今年三月份帮学长做的一个项目，陪我度过了两个月的春招生活，整个项目做下来也是学到了很多东西，下面就开始我的分享啦，包括一些知识点总结和遇到的坑，dalao莫笑哈。 主要功能如上图，左边是图形工具栏，右边是canvas，上面是清除、删除、旋转、切换格子背景、保存并下载图片的操…

在没学canvas的时候，觉得canvas是这么的神秘，这么的绚丽，这么的高深，所以也想着自己能够写出很酷炫的东西，但所有的东西都需要慢慢的积累，比如说从这一片文章开始

目前市场上许多的电影购票app和小程序中，为了让观众老爷们在线上更好地选择自己心怡的位置，方便可视化的选座数据必不可少，在此， 让我们一起来看看这个好用的可视化选座组件吧!

实现一个 canvas 拖拽、缩放、旋转的效果，如下效果图。 统一使用 typescript 来编写，在面对状态操作复杂的流程， ts 提供了状态标注，类型提示等。便于我们维护和梳理流程思路。比如类型标注提供了类似注释的功能，将对象描述清楚的同时，在我们使用相关属性或方法都会有…

fabricjs 在国内并不算特别出名，但是在国外应该是特别的火了。它是一个强大的js库，使用它能够很方便的操作canvas。平时使用canvas的时候，总要学习它的各个api，画简单图形还算熟练，一旦稍微复杂一点就需要不断的查文档，非常不方便。fabric.js提供在上面建立…

开发 H5 遇到过几次竖排文字的需求，把实现思路梳理一下。 非汉字需与汉字垂直。 <input> 标签没有竖排的属性，最先尝试修改 <input> 的样式来实现效果，但是效果不理想。最后使用 HTML 的 contenteditable 属性。 想通过限定 输入框的宽度 与 文…

前言 大家好！ 我是热爱图形的fly, 之前在群里和粉丝讨论canvas 如何实现事件系统， 然后呢？ 我自己其实也对这个比较感兴趣， 我看过很多canvas 实现的项目， 比如canvas 实现思维

本文将介绍三种方法，判断坐标点是否位于某个canvas图形内部。

最近项目上要求实现让用户能够用鼠标绘制路径，区域，添加图片等需求。既然要实现绘制，一下子就想到用canvas去实现，于是在网上查找了一下有没有一些封装好的canvas库，最终决定使用fabric.js