みなさん、こんにちは。ZhaZhahuiです。ごめんなさい。最近たくさんの広告を見ました。みなさん、こんにちは。Beifanです。春節がここにあります。兄弟の皆さん、プログラマーの幸せはすべてをコーディングすることです。コード。単純な春節コード、

1.春節の連句

1.コード表示

index.html

<!DOCTYPE html>

<html lang="en" >

<head>

<meta charset="UTF-8">

<title>css3春联切换</title>

<link rel="stylesheet" href="css/style.css" rel="external nofollow" >

</head>

<body>

<div class="rotating-text">

<p>春联Show</p>

<p>

<span class="word alizarin">Python JavaC++ は非常に簡単です</span>#三种编程语言非常非常简单

<span class="word wisteria"></span>#年月週日日バグなし

<span class="word peter-river">あけましておめでとう</span>#新年快乐

</p>

</div>

<script src="js/script.js"></script>

</body>

</html>

style.css

@import url(https://fonts.googleapis.com/css?family=Lato:600);

body {

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

background: #222;

}

.rotating-text {

font-family: Lato, sans-serif;

font-weight: 600;

font-size: 36px;

color: white;

transform: translateX(-80px);

}

.rotating-text p {

display: inline-flex;

margin: 0;

vertical-align: top;

}

.rotating-text p .word {

position: absolute;

display: flex;

opacity: 0;

}

.rotating-text p .word .letter {

transform-origin: center center 25px;

}

.rotating-text p .word .letter.out {

transform: rotateX(90deg);

transition: 0.32s cubic-bezier(0.6, 0, 0.7, 0.2);

}

.rotating-text p .word .letter.in {

transition: 0.38s ease;

}

.rotating-text p .word .letter.behind {

transform: rotateX(-90deg);

}

.alizarin {

color: #e74c3c;

}

.wisteria {

color: #8e44ad;

}

.peter-river {

color: #3498db;

}

.emerald {

color: #2ecc71;

}

.sun-flower {

color: #f1c40f;

}

script.js

var words = document.querySelectorAll(".word");

words.forEach(function (word) {

var letters = word.textContent.split("");

word.textContent = "";

letters.forEach(function (letter) {

var span = document.createElement("span");

span.textContent = letter;

span.className = "letter";

word.append(span);

});

var currentWordIndex = 0;

var maxWordIndex = words.length - 1;

words[currentWordIndex].style.opacity = "1";

var rotateText = function () {

var currentWord = words[currentWordIndex];

var nextWord = currentWordIndex === maxWordIndex ? words[0] : words[currentWordIndex + 1];

// rotate out letters of current word

Array.from(currentWord.children).forEach(function (letter, i) {

setTimeout(function () {

letter.className = "letter out";

}, i * 80);

});

// reveal and rotate in letters of next word

nextWord.style.opacity = "1";

Array.from(nextWord.children).forEach(function (letter, i) {

letter.className = "letter behind";

setTimeout(function () {

letter.className = "letter in";

}, 340 + i * 80);

});

currentWordIndex =

currentWordIndex === maxWordIndex ? 0 : currentWordIndex + 1;

};

rotateText();

setInterval(rotateText, 4000);

2.春節連句2

1.環境への準備

ライブラリが見つからない場合は、黒いウィンドウに対応するプロンプトが表示されます。次のコマンドとパッケージ名を実行して、ダウンロードしてインストールします。

ここでブラザーファンが使用したアイデアは、Alt+Enterによって直接ダウンロードされます。

アイデア構成のPython環境もこの記事を参照できます：

10年のテスト経験を持つAlip10は、Pythonの初期レベルを説明しています。基本的な構文pythonフルスタック自動テスト部門クラス4-1_Test ArchitectBeiFanのブログ-CSDNブログ

2.エフェクト表示

3.コード

import io

from PIL import Image

#import numpy as np

import requests

def get_word(ch, quality):

"""获取单个汉字（字符）的图片

ch - 单个汉字或英文字母（仅支持大写）

quality - 单字分辨率，H-640像素，M-480像素，L-320像素

"""

fp = io.BytesIO(requests.post(url='http://xufive.sdysit.com/tk', data={'ch': ch}).content)

im = Image.open(fp)

w, h = im.size

if quality == 'M':

w, h = int(w * 0.75), int(0.75 * h)

elif quality == 'L':

w, h = int(w * 0.5), int(0.5 * h)

return im.resize((w, h))

def get_bg(quality):

"""获取春联背景的图片"""

return get_word('bg', quality)

def write_couplets(text, HorV='V', quality='L', out_file=None):

"""生成春联

text - 春联内容，以空格断行

HorV - H-横排，V-竖排

quality - 单字分辨率，H-640像素，M-480像素，L-320像素

out_file - 输出文件名

"""

usize = {'H': (640, 23), 'M': (480, 18), 'L': (320, 12)}

bg_im = get_bg(quality)

text_list = [list(item) for item in text.split()]

rows = len(text_list)

cols = max([len(item) for item in text_list])

if HorV == 'V':

ow, oh = 40 + rows * usize[quality][0] + (rows - 1) * 10, 40 + cols * usize[quality][0]

else:

ow, oh = 40 + cols * usize[quality][0], 40 + rows * usize[quality][0] + (rows - 1) * 10

out_im = Image.new('RGBA', (ow, oh), '#f0f0f0')

for row in range(rows):

if HorV == 'V':

row_im = Image.new('RGBA', (usize[quality][0], cols * usize[quality][0]), 'white')

offset = (ow - (usize[quality][0] + 10) * (row + 1) - 10, 20)

else:

row_im = Image.new('RGBA', (cols * usize[quality][0], usize[quality][0]), 'white')

offset = (20, 20 + (usize[quality][0] + 10) * row)

for col, ch in enumerate(text_list[row]):

if HorV == 'V':

pos = (0, col * usize[quality][0])

else:

pos = (col * usize[quality][0], 0)

ch_im = get_word(ch, quality)

row_im.paste(bg_im, pos)

row_im.paste(ch_im, (pos[0] + usize[quality][1], pos[1] + usize[quality][1]), mask=ch_im)

out_im.paste(row_im, offset)

if out_file:

out_im.convert('RGB').save(out_file)

out_im.show()

text = '思前想后几行代码筑万载春秋扶内保外一千精英带五千干将' #对联内容

write_couplets(text, HorV='V', quality='M', out_file='春联.jpg') #生成普天同庆.jpg对联

私の記事を注意深く読み、ファンの注目を集めているおかげで、ギフト交換の必要性は常にありますが、それはあまり価値のあるものではありませんが、使用できれば直接受け取ることができます：

①2000を超えるPython電子書籍（主流および古典的な書籍が利用可能である必要があります）

②Python標準ライブラリ情報（最も完全な中国語版）

③プロジェクトのソースコード（40〜50の興味深い古典的なトレーニングプロジェクトとソースコード）

④Python、クローラー、Web開発、ビッグデータ分析の基本的な紹介のビデオ（初心者の学習に適しています）

⑤Python学習ロードマップ（経験の浅い学習に別れを告げる）

私のQQ技術交換グループ（技術交換とリソース共有、広告があなたを邪魔するためにやってくる）

グループ番号913569736（「csdn000」に注意）の無料情報は、著者の10年以上のテストキャリアの本質です。一緒に技術を交換する仲間の神もいます。

学習教材は、私たちのミスベイベイ[mashan-qq]の発言[csdn000]で無料で見つけることができます

【注意事項】それ以外の場合は合格しません

Pythonコードを使用して春節の連句を作成する、これまでに見たことのない新しいバージョンの船。

1.春節の連句

1.コード表示

2.春節連句2

1.環境への準備

2.エフェクト表示

3.コード

おすすめ