最終呈現效果
哈哈,咋們在講述之前,首先看看最終呈現的效果吧,整體來說還是很不錯的,

小米 “新” 圖示背后的數學
前段時間,小米公司發布了一條微博,引發了熱議,原來小米換了新logo了,

很多人,都覺得雷總被騙了,說實話,我當時猛的一看,也是很蒙蔽,可能咋們不懂美學,不懂新logo背后蘊藏的文化底蘊吧!

但是,原設計者原研哉說到:最新設計的小米logo,融入了東方哲學的思考,從而提出了一個具有「超橢圓」數學之美的小米新 LOGO,同時還增加了黑色和科技銀來作為小米品牌色彩的新搭檔,

原研遠訓說到:在驗證的程序中,用到了一個數學公式,

從上面的公式可以看到,這里有一個n,因此可以知道:上述公式能夠繪制出n種型別的超橢圓,而設計者最終推薦使用n=3這一形狀,

n=3時的超橢圓公式如下所示,其中x的取值范圍為[-1, 1],

轉換以后,可以得到如下公式:

Python繪制新logo流程
① 繪圖原理
在正式繪圖之前,我們先來講述一下Python繪制新logo的“繪圖原理”,掌握了原理后,剩下的問題就交給代碼吧,
- ① 利用 “超橢圓” 公式,繪制一個帶填充色的橢圓;
- ② 遍歷 “舊logo” 上的像素值,保留白色 “米字” 處的像素值;
- ③ 將帶“米字” 的像素值,寫入第一步的超橢圓中;
matplotlib繪圖原理 “戳我” 看看吧!
② 重要知識點的普及
關于整個代碼,有幾個函式需要給大家提一下,為了大家更夠很快學習,但是不會講解的很詳細,大家可以根據說明,自行下去查閱相關資料,
- ① plt.fill():用于給圖形填充顏色;
- ② plt.axis():用于打開/取消坐標軸展示;
- ③ plt.subplots_adjust()和plt.margins():用于去掉圖形外側多余的留白;
- ④ image.getpixel():用于讀取圖片的像素值;
- ⑤ image.putpixel():用于在指定坐標位置處,寫入像素值;
③ 完整繪圖代碼
首先我們先匯入相關庫:
import matplotlib.pyplot as plt
import numpy as np
from PIL import Image
接著,利用上面 提到的公式,繪制一個不留白、帶填充色的n=3的超橢圓,
x = np.linspace(-1, 1, 1000)
y = + pow(1-abs(pow(x, 3)), 1/3) # 注意公式的寫法
z = - pow(1-abs(pow(x, 3)), 1/3) # 注意公式的寫法
plt.figure(figsize=(12, 12)) # 畫布大小
plt.plot(x, y, color=(255/255, 103/255, 0))
plt.plot(x, z, color=(255/255, 103/255, 0))
plt.fill(x, y, color=(255/255, 103/255, 0)) # 填充顏色
plt.fill(x, z, color=(255/255, 103/255, 0)) # 填充顏色
plt.axis('off') # 不顯示坐標軸
plt.subplots_adjust(top=1, bottom=0, right=1, left=0, hspace=0, wspace=0)
plt.margins(0, 0)
plt.savefig('fill.png', transparent=True, dpi=100) # 設定保存圖片的透明值
然后,遍歷舊logo的像素值,保留 “米字” 那一塊兒,將該像素值,寫入上面的 “fill.png” 中,有一點需要注意的是:白色的rgb值是255, 255, 255,
image_1 = Image.open('old.png')
image_2 = Image.open('fill.png')
w, h = image_1.size
for i in range(w):
for j in range(h):
data = image_1.getpixel((i, j))
if data == (255,)*4:
image_2.putpixel((i, j), (255,)*4)
image_2.save('new.png')
參考文章:Python畫出小米新logo的輪廓曲線
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/278093.html
標籤:python
下一篇:Java_IO文本物件操作流(ObjectOutputStream、ObjectOutputStream)與例外解決
