<meta name="keywords" content="银河时时彩,像素头像天生器"/>

时时彩

Z 您现在的职位:时时彩 > 手机软件 > 系统工具> 像素头像天生器app

像素头像天生器app

|像素头像天生器手机版下载

应用年夜小:未知应用平台:Andriod应用品级:

应用语言:简体中文更新时间:2017-10-10应用官网:

像素头像天生器软件apk最新版下载,像素头像天生器是一款异常好用的手机像素图片天生APP,种种图片帮你一键天生像素神情,快速在线制图,让你成为制图年夜师,完全收费在线应用哟!快来优游下载体验吧。

像素头像天生器软件简介

时时彩 1、网罗种种不合的色彩;

2、供应百分之80界面的绘图区;

时时彩 3、快速制图,小白用户变年夜师;

4、完全收费,下载便可永世应用。

像素头像天生器措施简介

时时彩 只需三步,应用html5+js完成像素风头像天生器

时时彩 html5的画布给我们带来了很年夜的空间,着实像素气焰气焰头像天生器只是用到了画方块的措施。画一个像素头像,只需三步,1、处置赏罚赏罚像素点,2、处置赏罚赏罚像素点之间的关系,3、一次次地画像素点。

先画个方块

时时彩 着实在canvas上画方块异常质朴,只需经由历程js在页面上取得一个画布,然后再天生曲折文,再界说画笔,然后再往上画就好了。

好比:our browser does not support the HTML5 canvas tag.

时时彩 下面在html外面界说好了一个画布,然后用js取到这个画布工具。

var c = document.getElementById("myCanvas");

时时彩 取到曲折文,而且设置一些参数,画下第一笔:一个小方块:

var ctx=c.getContext("2d");

//把画笔界说成绿色,

ctx.fillStyle="green";

时时彩 //在(40,0) 这个 地方 画下 长为10,宽也为10 的一个实心矩形

ctx.fillRect(40,0,10,10);

到这里,基础的器械都有了,可以画一个矩形了以后,要画一个头像,就只是用一些方块做为头像的像素点,便可以了,然后加入循环,在不合的地方画下类似色彩,类似年夜小的方块,便可以是一个头像了。

头像,是要左右对称的。

这个也很质朴可以完成,好比我要在一块 100*100 的画布上 画一些像素点为 5px年夜小的 方块的时间, 假定在左边(5,0) 的地方画了一个方块的话,与之对称的左边的坐标是: (100-5)-5px。把这个笼统成一个函数留作后用:

//从一个点a 拿到对称点

//带入imgwidth 与 penSize

// 100 / 2 = 50

function getSymmetry (a, imgWidth, penSize) {

return imgWidth -a - penSize;

}

时时彩 然后呢,从左到右画方块的话,最多画若干次呢? 好比 100 的画布,5px 年夜小的方块的话,只需左边画最多10次便可以了,虽然,是不克不及一切都给画了,那面目又一切把画布给染了一遍色,很显着,这样子是纰谬的,以是呢,是须要一个天生比指定值小的随机整数值的一个函数:

时时彩 //前往指定规模以内的整数 传入3前往 132

时时彩 function getRemodInt(alt) {

return Math.floor(Math.random() * alt) + 1;

}

到这里,有了对称点,有了在左边画若干次这个条件,还可以拿对称点以后,是可以画一行的方块了的:

(function(rmd){

时时彩 console.log(rmd);

时时彩 for (var i = 0; i < rmd; i++) {

var x1 = getRemodIntByPenSize(imgWidth / 2, penSize);

//console.log(x1);

var x2 = getSymmetry(x1, imgWidth, penSize);

时时彩 ctx.fillRect(x1, yl, penSize, penSize);

时时彩 ctx.fillRect(x2, yl, penSize, penSize);

}

})(getRemodInt(imgWidth / penSize / 2));

下面代码外面的getRemodIntByPenSize这个函数是为了天生一个坐标点,能被画笔年夜小(方块年夜小)整除的,由于既然一个方块做为一个像素点,是不克不及泛起画了半个像素点这类情形泛起的。这个函数详细完成为:

function getRemodIntByPenSize (alt, penSize) {

var rmd = 0;

while (true) {

时时彩 rmd = Math.floor(Math.random() * alt);

时时彩 if (rmd % penSize === 0) {

时时彩 return rmd ;

}

}

}

一行一行地画,画着画着就画完了。

时时彩 画了一行以后,再画一行就不是甚么难事了,画许多行也是可以的,基于适才提到的像素点的启事,做循环时递增值应为画笔的年夜小。以是只需把下面画一行的代码用一个for包起来就 OK 了:

时时彩 for (var yl = 0;  yl <= imgWidth; yl += penSize) {

时时彩 (function(rmd){

时时彩 console.log(rmd);

for (var i = 0; i < rmd; i++) {

时时彩 var x1 = getRemodIntByPenSize(imgWidth / 2, penSize);

时时彩 //console.log(x1);

var x2 = getSymmetry(x1, imgWidth, penSize);

时时彩 ctx.fillRect(x1, yl, penSize, penSize);

ctx.fillRect(x2, yl, penSize, penSize);

}

})(getRemodInt(imgWidth / penSize / 2));

}

到这里,基本上一个头像是可以画了的。

完全的HTML在这里,

时时彩 ie不克不及直接把画出来的器械直接另存为,以是加了把以后画布上的内容转为base64的名堂,然后给一个的src,这样子,便可以在ie下另存了。

时时彩 完全的html 外面还加入了 上一个头像 的功效,人嘛,总有一种站在这山看那山高的心态的,以是作为一个盛意的序员,供应一个“CTRL+Z”还是极好的。

时时彩 完全的html 是可以自界说头像年夜小与画笔年夜小的哦。

软件截图
  • 像素头像天生器app截图鉴赏
  • 像素头像天生器app截图鉴赏
  • 像素头像天生器app截图鉴赏
相关下载
下载地址
网友议论
时时彩  

银河时时彩-时时彩赚钱-时时彩信誉排行榜订阅号