在使用canvas做多图合成的时候，我们会需要用到各种图层混合模式，canvas原生支持部分全局图层混合方式globalCompositeOperation，主要有以下几种： 这里以红色矩...

提到图像识别，可能更多人选择会用一些现有的库和对于识别方面比较的语言比如Python来实现，忽略了对于底层知识的学习和了解，本文我们将不借助任何图像库，使用最基础的js一步一步实现形状识别。 ...

之前在做图片相似度对比的时候，碰到了这么一个问题，主体相同的两张图片因为边缘留的透明区域不同被判定为不相似，就像下面2张图片 绿色为背景，表示此处是透明区域，我们可以看...

前端时间做了这么一个需求，设计师通过photoshop软件设计主题模板，然后我们通过程序解析psd文件中的图层信息，比如装饰图，文本框，图片框，背景图等之类的元素（这里可能会涉及一些图层标记），...

在上一篇文章《web中九宫格图片合成算法的探究》中，我们讨论了九宫格图片合成算法的原理以及在网页中的使用，本文的主要目的就是讲上一篇文章写的合成方法迁移到小程序中，让我们在小程序中也可以使用九宫...

在开始本文之前我们先来看一张效果图片： 在看了这张图之后，有朋友可能会想，这不就是一张相框的图片嘛，没什么高深的东西，又和算法有什么关系呢？ 但如果我告诉你，这张图是由9张小...

对于Canvas的使用，官方还是提供了不少api，但是任然有许多使用的功能官方没有提供，需要我们自己去实现。 1、增，即颜色填充。 对于颜色填充用fill相关的方法可以实现基本的填充，但是如果我们...

之前公司做过一个Tshirt制作的应用，我觉得这中间涉及到的东西还是挺多的，为了巩固知识，自己也做了一个，不过之前公司做的那个是基于vuejs来做的，模块化开发，结构比较清晰。而我自己的这个是用原...

我们在使用canvas的imagedata对象时，经常需要保留原始的imagedata对象，但是对于对象和数组来说不能简单的用一个=号赋值来保存一个当前的数组，对象和数组的赋值只是将某个变量指向了...

最近公司准备做一个在线制作手机壳的应用，其底层绘图我们是用canvas来实现的，在这个手机壳应用中有一个功能就是截图，既然底层是用canvas来实现的，那么截图也应该用canvas来实现，但是手机...