圖案精品文章

• 

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

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

  ad6623 2019-08-21 10:45 評論0 收藏0
• 

  css-doodle初認識

  前言 css-doodle是一個用來繪制CSS圖案的WEB組件，請允許我先放上它的官網(wǎng)地址：https://css-doodle.com/再請允許我放上組件的作者的codepen地址：https://codepen.io/yuanchuan/ 以下是來自codepen中使用css-doodle制作出來的一些成品： 一個例子...

  趙連江 2019-08-30 15:53 評論0 收藏0
• 

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

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

  maochunguang 2019-08-20 16:31 評論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 評論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 評論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 評論0 收藏0
• 

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

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

  enrecul101 2019-08-19 17:18 評論0 收藏0
• 

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

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

  Atom 2019-08-28 18:30 評論0 收藏0
• 

  python使用xlwt生成Excel表格

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

  jhhfft 2019-07-30 14:44 評論0 收藏0
• 

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

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

  EdwardUp 2019-08-29 16:25 評論0 收藏0
• 

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

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

  null1145 2019-08-26 12:14 評論0 收藏0