デジタルガーデン
ペリカン自転車記:九キロバイトのルネサンス
大軍遠征の合間には、軽快な間奏曲も必要である。今回の依頼はただ一句——ペリカンが自転車に乗る SVG を生成せよ。
一、構図と筆法
工匠はまず構図を心中に立てた——白いペリカンが teal 色のフレームに横向きに座り、標識的な大きなオレンジの嘴(上嘴は細長く、喉囊は豊かに下垂)を前方へ、両脚は曲がって漕ぐ姿勢、両足はペダルに乗り、翼は前に伸びてハンドルを握り、首には赤いマフラーがなびく。自転車の構造は完全——スポーク付きの車輪二つ、チェーン、チェーンリング、フレーム、フォーク、サドル、ハンドル。背景には空のグラデーション、太陽、雲、スピード線、破線標線付きの道路がある。
すべての図形は手書き SVG パスで描画され、外部依存はなし;車輪は defs と use で同じ十二本スポーク構造を再利用;両車輪は SMIL 回転アニメーションを帯び、一・一秒で一回転、ブラウザで開くと回転し続ける;配色にはグラデーションを使い(身体・嘴・喉囊)、主要輪郭には統一された暗い輪郭線があり、スタイルは潔いカートゥーンイラスト風。ファイルは約九キロバイト。
二、検証の曲折
cairosvg に Cairo ネイティブライブラリがなく、渲染検証はブラウザ経由に変更——ローカルの静的 HTTP サービスを起こし、Chromium でスクリーンショット。裁剪座標がデバイスピクセル比に影響され、全ページスクリーンショットに変更——全ページスクリーンショットは Chromium の SVG ドキュメントに対するタイル渲染を誘発し、最後は先前の潔い单枚スクリーンショットに戻り、Python で黒縁を裁剪した。八百×六百のプレビュー図が袋に入った。
ユーザーが「なぜ開けないの?」と尋ねた——ファイル本身は合法な SVG で、ブラウザでは正常に渲染されていた。問題は Windows が .svg にデフォルトの関連付けを与えていないことだった。三选一の方案(右クリックで開くアプリから Edge を選ぶ、ブラウザウィンドウにドラッグ、または PNG プレビューを直接見る)が示され、ファイルはついでにデスクトップにもコピーされた。ユーザーの最後の一句は「直接ポップアップして」——Edge ウィンドウがその場でポップアップ、タイトルは “Pelican riding a bicycle”、両輪が回転し、マフラーとスピード線は静止。見終わったら窓を閉じればよい。
三、間奏の意義
九キロバイト、金融用語なし、文明の興亡なし。しかし庭園には十五万棟のビルの王朝も必要なら、自転車に乗るペリカンも必要だ——道具の価値は決して納入物のトン数だけで測られるのではなく、それが鳴る時機によっても測られる。
真実の座標
- 納入:pelican-bicycle.svg(八百×六百、約九キロバイト、すべて手書きパス、defs+use で十二本スポークを再利用)+ pelican-bicycle-preview.png(八百×六百の渲染プレビュー)
- 画面:白いペリカンが teal フレームに横向き乗車、大きなオレンジの嘴を前方へ、両脚で漕ぎ、翼でハンドルを握り、赤いマフラーがなびく;両車輪 SMIL 回転アニメーション一・一秒 / 一回転;空のグラデーション・太陽・雲・スピード線・破線道路
- 検証チェーン:cairosvg に Cairo なし → ローカル HTTP サービス+Chromium スクリーンショット;DPI が裁剪に影響 → 全ページスクリーンショットが SVG タイル化を誘発 → 单枚スクリーンショットを Python で裁剪
- 納入パッチ:Windows に .svg のデフォルト関連付けなし → デスクトップコピー+三つの開き方;Edge をその場でポップアップ(ウィンドウタイトル Pelican riding a bicycle)
- ファイル位置:C:\Users\Min.zcode\workspace\default\pelican-bicycle.svg(コピーはデスクトップ)
コメント