圖案精品文章

• 

  AlphabetJS --- 在console或者shell中打印字符圖案的小工具

  ...或者一些網(wǎng)站的console中，總是可以看到很炫的大型字符圖案，比如知乎： 堆糖： 又或者是一些nodejs程序，這里不列舉了。 AlphabetJS / |ˉ| |ˉˉˉˉˉˉˉˉˉ |ˉ| |ˉ| / |ˉˉˉˉˉˉˉˉˉ |ˉˉˉˉˉˉˉˉˉˉ||ˉˉˉˉˉˉ...

  ad6623 2019-08-21 10:45 評(píng)論0 收藏0
• 

  css-doodle初認(rèn)識(shí)

  前言 css-doodle是一個(gè)用來(lái)繪制CSS圖案的WEB組件，請(qǐng)?jiān)试S我先放上它的官網(wǎng)地址：https://css-doodle.com/再請(qǐng)?jiān)试S我放上組件的作者的codepen地址：https://codepen.io/yuanchuan/ 以下是來(lái)自codepen中使用css-doodle制作出來(lái)的一些成品： 一個(gè)例子...

  趙連江 2019-08-30 15:53 評(píng)論0 收藏0
• 

  canvas離屏、旋轉(zhuǎn)效果實(shí)踐——旋轉(zhuǎn)的雪花

  ...傳參的方式確定離屏canvas的尺寸，是為了盡可能避免canvas圖案縮放導(dǎo)致的顯示效果問(wèn)題。 另外這里for循環(huán)中用到了canvas的旋轉(zhuǎn)效果，所以我們可以很輕易的畫出6條有角度的線。效果如下圖所示 3、畫出完整的雪花 function drawCanva...

  maochunguang 2019-08-20 16:31 評(píng)論0 收藏0
• 

  CSS揭秘之《背景圖案》

  網(wǎng)格 html { background: #58a; background-image: linear-gradient(white 2px, transparent 0), linear-gradient(90deg, white 2px, transparent 0), linea...

  Hwg 2019-08-20 19:08 評(píng)論0 收藏0
• 

  小雪人圖案

  效果圖如下： 代碼如下： import turtle t = turtle.Turtle() t.speed(0) # 右眼睛 t.up() t.goto(80,80) t.down() t.begin_fill() t.circle(20) t.end_fill() # 右眉毛 t.up() t.left(40) t.goto(50,120) t.down() t.circle(-50,90)...

  vvpale 2019-07-31 10:29 評(píng)論0 收藏0
• 

  CSS揭秘之《背景圖案》

  網(wǎng)格 html { background: #58a; background-image: linear-gradient(white 2px, transparent 0), linear-gradient(90deg, white 2px, transparent 0), linea...

  UCloud 2019-08-29 13:20 評(píng)論0 收藏0
• 

  巧用patternLock開(kāi)發(fā)圖案滑屏解鎖

  作者的話： 基于patternLock插件實(shí)現(xiàn)九宮格登陸校驗(yàn)功能。其亮點(diǎn)在于摒棄傳統(tǒng)校驗(yàn)方式同時(shí)融合產(chǎn)品文化。同上一篇文章一樣，本次實(shí)現(xiàn)功能剝離至本人15年畢設(shè)項(xiàng)目《ReBook》。下面介紹主要思路，詳情請(qǐng)戳后面源碼鏈接。 ...

  enrecul101 2019-08-19 17:18 評(píng)論0 收藏0
• 

  巧用patternLock開(kāi)發(fā)圖案滑屏解鎖

  作者的話： 基于patternLock插件實(shí)現(xiàn)九宮格登陸校驗(yàn)功能。其亮點(diǎn)在于摒棄傳統(tǒng)校驗(yàn)方式同時(shí)融合產(chǎn)品文化。同上一篇文章一樣，本次實(shí)現(xiàn)功能剝離至本人15年畢設(shè)項(xiàng)目《ReBook》。下面介紹主要思路，詳情請(qǐng)戳后面源碼鏈接。 ...

  Atom 2019-08-28 18:30 評(píng)論0 收藏0
• 

  python使用xlwt生成Excel表格

  ...: patterni = xlwt.Pattern() # 為樣式創(chuàng)建圖案 patterni.pattern = 2 # 設(shè)置底紋的圖案索引，1為實(shí)心，2為50%灰色，對(duì)應(yīng)為excel文件單元格格式中填充中的圖案樣式 patterni.patter...

  jhhfft 2019-07-30 14:44 評(píng)論0 收藏0
• 

  前端每日實(shí)戰(zhàn)：109# 視頻演示如何用 CSS 和 D3 創(chuàng)作一個(gè)用文字組成的心形圖案

  效果預(yù)覽 按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁(yè)面預(yù)覽，點(diǎn)擊鏈接可以全屏預(yù)覽。 https://codepen.io/comehope/pen/xJvERW 可交互視頻 此視頻是可以交互的，你可以隨時(shí)暫停視頻，編輯視頻中的代碼。 請(qǐng)用 chrome, safari, edge 打開(kāi)...

  EdwardUp 2019-08-29 16:25 評(píng)論0 收藏0
• 

  前端每日實(shí)戰(zhàn)：109# 視頻演示如何用 CSS 和 D3 創(chuàng)作一個(gè)用文字組成的心形圖案

  效果預(yù)覽 按下右側(cè)的點(diǎn)擊預(yù)覽按鈕可以在當(dāng)前頁(yè)面預(yù)覽，點(diǎn)擊鏈接可以全屏預(yù)覽。 https://codepen.io/comehope/pen/xJvERW 可交互視頻 此視頻是可以交互的，你可以隨時(shí)暫停視頻，編輯視頻中的代碼。 請(qǐng)用 chrome, safari, edge 打開(kāi)...

  null1145 2019-08-26 12:14 評(píng)論0 收藏0