web中九宫格图片合成算法的探究

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

Canvas操作像素实现颜色的增删改

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

Canvas实现一个Tshirt制作应用

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

canvas中imagedata对象的拷贝

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

Canvas手机壳合成

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

Canvas实现微信红包图片

前一段时间微信曾经出过一个微信红包图片的功能,你只能看到图片的一小部分,其他的部分都做了模糊处理,要想看全部图片,需要先发红包。虽然这个功能只上线了短短几天就下线了,但是他真真正正的存在过。下面我...

js实现刮刮卡效果

记得小时候曾一度痴迷于刮刮卡,一有点钱就想去买刮刮卡,当中奖的时候,那心情甭提多激动了。不知道从什么时候开始哪个组织率先在网站上退出刮刮卡抽奖后,这个功能开始在互联网上弥漫开来。究其实现,方法不少...

Canvas镜像翻转

Canvas镜像翻转的原理就是从原图像或者原Canvas的边角获取相应长宽的像素值,然后对获取的像素值进行反转(上下竖向反转,左右横向反转),再将反转后的像素绘制到对应的镜像边框上。 下面是反转过...