知乎主頁(yè)使用chrome控制臺(tái)打開(kāi)可以看到如下的招聘信息右蹦,我們這把來(lái)做一個(gè)
Step1:獲取字符畫:
去這個(gè)網(wǎng)站Text to ASCII獲得你想展示的字符类腮,復(fù)制下來(lái)
Step2: 在js里寫一個(gè)函數(shù)
Function.prototype.getMultiLine = function () {
var lines = new String(this);
lines = lines.substring(lines.indexOf("/*") + 3, lines.lastIndexOf("*/"));
return lines;
}
Step3: 定義一個(gè)變量扔水,將字符粘貼進(jìn)來(lái)
var string = function () {
/*
_____ _____ _____ _____
/\ \ /\ \ /\ \ /\ \
/::\____\ /::\ \ /::\ \ /::\ \
/:::/ / \:::\ \ /::::\ \ /::::\ \
/:::/ / \:::\ \ /::::::\ \ /::::::\ \
/:::/ / \:::\ \ /:::/\:::\ \ /:::/\:::\ \
/:::/____/ \:::\ \ /:::/__\:::\ \ /:::/__\:::\ \
/::::\ \ /::::\ \ /::::\ \:::\ \ /::::\ \:::\ \
/::::::\ \ _____ ____ /::::::\ \ /::::::\ \:::\ \ /::::::\ \:::\ \
/:::/\:::\ \ /\ \ /\ \ /:::/\:::\ \ /:::/\:::\ \:::\____\ /:::/\:::\ \:::\ \
/:::/ \:::\ /::\____/::\ \/:::/ \:::\____/:::/ \:::\ \:::| /:::/__\:::\ \:::\____\
\::/ \:::\ /:::/ \:::\ /:::/ \::/ \::/ |::::\ /:::|____\:::\ \:::\ \::/ /
\/____/ \:::\/:::/ / \:::\/:::/ / \/____/ \/____|:::::\/:::/ / \:::\ \:::\ \/____/
\::::::/ / \::::::/ / |:::::::::/ / \:::\ \:::\ \
\::::/ / \::::/____/ |::|\::::/ / \:::\ \:::\____\
/:::/ / \:::\ \ |::| \::/____/ \:::\ \::/ /
/:::/ / \:::\ \ |::| ~| \:::\ \/____/
/:::/ / \:::\ \ |::| | \:::\ \
/:::/ / \:::\____\ \::| | \:::\____\
\::/ / \::/ / \:| | \::/ /
\/____/ \/____/ \|___| \/____/
*/
}
注意:字符在這里是被注釋掉的,這樣利用上面的函數(shù)就能按照格式在控制臺(tái)輸出了
Step4: 使用console.log將剛剛定義的變量輸出:
window.console.log(string.getMultiLine());
完整代碼
<script>
Function.prototype.getMultiLine = function () {
var lines = new String(this);
lines = lines.substring(lines.indexOf("/*") + 3, lines.lastIndexOf("*/"));
return lines;
}
var string = function () {
/*
_____ _____ _____ _____
/\ \ /\ \ /\ \ /\ \
/::\____\ /::\ \ /::\ \ /::\ \
/:::/ / \:::\ \ /::::\ \ /::::\ \
/:::/ / \:::\ \ /::::::\ \ /::::::\ \
/:::/ / \:::\ \ /:::/\:::\ \ /:::/\:::\ \
/:::/____/ \:::\ \ /:::/__\:::\ \ /:::/__\:::\ \
/::::\ \ /::::\ \ /::::\ \:::\ \ /::::\ \:::\ \
/::::::\ \ _____ ____ /::::::\ \ /::::::\ \:::\ \ /::::::\ \:::\ \
/:::/\:::\ \ /\ \ /\ \ /:::/\:::\ \ /:::/\:::\ \:::\____\ /:::/\:::\ \:::\ \
/:::/ \:::\ /::\____/::\ \/:::/ \:::\____/:::/ \:::\ \:::| /:::/__\:::\ \:::\____\
\::/ \:::\ /:::/ \:::\ /:::/ \::/ \::/ |::::\ /:::|____\:::\ \:::\ \::/ /
\/____/ \:::\/:::/ / \:::\/:::/ / \/____/ \/____|:::::\/:::/ / \:::\ \:::\ \/____/
\::::::/ / \::::::/ / |:::::::::/ / \:::\ \:::\ \
\::::/ / \::::/____/ |::|\::::/ / \:::\ \:::\____\
/:::/ / \:::\ \ |::| \::/____/ \:::\ \::/ /
/:::/ / \:::\ \ |::| ~| \:::\ \/____/
/:::/ / \:::\ \ |::| | \:::\ \
/:::/ / \:::\____\ \::| | \:::\____\
\::/ / \::/ / \:| | \::/ /
\/____/ \/____/ \|___| \/____/
*/
}
window.console.log(string.getMultiLine());
</script>