Sketchbook
ThreeUI · CSS · 免费
在云境TS 中打开并复制 →
内容预览
# Sketchbook The exact Singapore paper sketchbook with nested-strip page curls, direct dragging, tilt, zoom, a movable magnifying glass, and its complete authored plate set. > 来源：ThreeUI Community · https://threeui.com · MIT License（Meng To / Design+Code） > 组件页：https://threeui.com/component/sketchbook · 预览动画：https://threeui.com/previews/sketchbook.webm > 分类：CSS /* ===== src/shaders/sketchbook/Sketchbook.tsx (tsx) ===== */ import { useMemo, useState } from "react"; import { createSketchbookDocument } from "./sketchbookDocument.js"; export type SketchbookProps = { assetBaseUrl?: string; className?: string; }; export function Sketchbook({ assetBaseUrl = "/sketchbook/", className = "", }: SketchbookProps) { const [ready, setReady] = useState(false); const documentSource = useMemo(() => createSketchbookDocument(assetBaseUrl), [assetBaseUrl]); return ( setReady(true)} /> ); } /* ===== src/shaders/sketchbook/sketchbookDocument.js (javascript) ===== */ /* This file is generated from the exact committed Sketchbook HTML. Do not edit by hand. */ /* Canonical source: public/landing-pages/meng-to-sketchbook.html */ /* Canonical source SHA-256: 2a97f4cc4f8cd521e37bd0f407a211ec62c97a4b337fa416de4424e50aa596d7 */ export const CANONICAL_SKETCHBOOK_HTML = "\n\n\n\n\nMeng To\n\n\n@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:block;\n src:url(sketchbook/instrument-serif.woff2) format('woff2')}\n@font-face{font-family:'Instrument Serif';font-style:italic
……（完整源码请在站内查看）