关于java:超火的微信渐变国旗头像竟然可以用-JavaScript-一键生成

5次阅读

共计 1240 个字符,预计需要花费 4 分钟才能阅读完成。

2021 年国庆又来了,大家都在玩国庆头像:

朋友圈都曾经玩疯了,栈长朋友圈好多粉丝都曾经换上了,国庆,伟大祖国母亲的生日,就得有点典礼感。。

好家伙,这次也不必 @官网了,为了满足大家的需要,栈长也做了一个小网站,助你疾速生成国旗头像,制作方法都非常简单,只需 3 步,一键生成,整个过程只有几秒钟。。

生成过程:

1、抉择你想要的的模板;

2、上传你要生成的的图片;

3、长按生成图片保留到相册;

在线生成工具见文末!

栈长目前收集了 8 个头像模板:

大家如果有更好的头像模板,也能够发到 Java 技术栈 公众号后盾,分享给大家,栈长有工夫会更新下来哦!

上面轻易来看看几个模板的成果!

模板 1:最火的国旗突变头像

模板 2

模板 3

模板 4

一键保留图片到手机相册:

保留之后是上面这样的成果,而后就能够用作微信头像了!

是不是非常简单呢?大家也连忙试试吧!

作为一名程序猿,怎么能不来一张代码版?

哈哈,太秀了~

什么原理?

栈长略微花了点工夫,搞了一个在线生成网站,这个网站原理也简略,其实就是一个动态网站,依据上传的图片和头像模板利用 H5 中的 Canvas + JavaScript 画制图片,H5 在这里就施展重要作用了!

外围代码如下:

H5:

<canvas id="canvas" width="800" height="800"></canvas>

<img src=""class="generateImg">

JavaScript:

// 创立 canvas
const canvas = document.querySelector('#canvas')
const ctx = canvas.getContext('2d')

// 画图
ctx.drawImage(yourImg, 0, 0, 800, 800)
ctx.drawImage(flagImg, 0, 0, 800, 800)

// 显示
document.querySelector('.generateImg').src = canvas.toDataURL("image/png")

其实还能够做成小程序版,通过小程序主动获取头像,那就不须要手动上传了。

为什么要本人开发?

说实话,网上都有许多现成的,本没想着本人开发,可栈长体验了一翻,各种弹窗、广告,切实受不了,而且那种不明链接安全性也不敢保障,所以本人搞了一个,保障无任何广告,HTTPS + 纯前端操作,不收集任何个人信息,大家放心使用。

最初,如果生存须要装点,信念须要色彩,那肯定也是中国红,大家连忙设置本人的突变国旗头像吧,最初祝咱们平凡的祖国生日快乐,人寿年丰!

获取生成工具链接办法如下:

关注 Java 核心技术公众号,在公众号后盾回复“国庆

近期热文举荐:

1.1,000+ 道 Java 面试题及答案整顿(2021 最新版)

2. 别在再满屏的 if/ else 了,试试策略模式,真香!!

3. 卧槽!Java 中的 xx ≠ null 是什么新语法?

4.Spring Boot 2.5 重磅公布,光明模式太炸了!

5.《Java 开发手册(嵩山版)》最新公布,速速下载!

感觉不错,别忘了顺手点赞 + 转发哦!

正文完
 0