二維碼在這個(gè)時(shí)代已經(jīng)運(yùn)用得非常普遍了，一成不變的二維碼樣式，你有想過(guò)對(duì)其做出一些美化嗎？本篇來(lái)介紹一下基于二維碼原理，對(duì)二維碼可以做哪些美化，以及做出一些動(dòng)態(tài)的效果。

　　對(duì)定位點(diǎn)的美化

　　在二維碼算法讀取二維碼之前，會(huì)首先讀取二維碼的三個(gè)定位點(diǎn)，以此來(lái)進(jìn)行定位。而三個(gè)定位點(diǎn)分別位于二維碼的三個(gè)角上：

　　對(duì)，這就是一個(gè)定位點(diǎn)

　　它的形象就是一個(gè)暗色的框，套著一個(gè)暗色的方塊。在此二維碼只對(duì)這里的模式和明暗度敏感，而不會(huì)對(duì)諸如形狀，顏色敏感。

　　對(duì)顏色不敏感，我們可以換用不同的顏色:

　　請(qǐng)忽略配色

　　對(duì)形狀不敏感，我們可以使用不同的形狀：

　　要注意，這是在原始區(qū)域內(nèi)進(jìn)行修改，尺寸上保持與原二維碼一致

　　更大膽一點(diǎn)，我們甚至還可以使用動(dòng)態(tài)的：

　　閃瞎雙眼的操作

　　最后，我們來(lái)看看效果：

　　長(zhǎng)按依然能夠掃出來(lái)

　　數(shù)據(jù)區(qū)域的美化

　　對(duì)于數(shù)據(jù)區(qū)域，實(shí)際上每個(gè)暗區(qū)的小方塊同樣不會(huì)受到形狀、顏色的影響，所以，在數(shù)據(jù)區(qū)域里面的每一個(gè)小方塊可以替換成任意形狀以及顏色，甚至是一個(gè)小點(diǎn)。

　　在此，筆者演示兩種整體替換的模式：數(shù)據(jù)鏤空和背景鏤空。

　　1.數(shù)據(jù)鏤空

　　這種模式的思路是把暗區(qū)的方塊做成透明通道，在二維碼下層放置深色背景，以達(dá)到美化的效果。效果如下圖：

　　背景圖片需要主體為深色的，這樣就不會(huì)造成數(shù)據(jù)標(biāo)記錯(cuò)誤

　　2.背景鏤空

　　這種模式的思路是把暗區(qū)的方塊保留下來(lái)，將淺色的背景做成透明，放置背景圖，以達(dá)到美化的效果。效果如下圖：

　　背景圖片與第一種模式的相反，需要淺色系以突出數(shù)據(jù)內(nèi)容

　　其實(shí)，在數(shù)據(jù)區(qū)域，每一個(gè)小方塊都可以單獨(dú)的定制，這里我們就不演示了，因?yàn)楣P者希望你自己能夠動(dòng)動(dòng)手(讀者：為什么不說(shuō)你自己懶呢?)

　　綜合應(yīng)用

　　上述文章只是簡(jiǎn)單交代了一下幾種美化二維碼的思路和方向，其實(shí)綜合應(yīng)用起來(lái)可以起到很有意思的效果，主要還是看制作者的思nao路dong。

點(diǎn)擊http://m.qwer.com.cn/users/invite/ddb12a17ce400c35fe041d275a578351，注冊(cè)135編輯器，即可獲得7天VIP會(huì)員