Files
thejinchao.github.io/note/graphics/rasterization/index.html
T

42 lines
18 KiB
HTML

<!doctype html>
<html lang="zh-CN" data-theme="light">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="generator" content="VuePress 2.0.0-rc.24" />
<meta name="theme" content="VuePress Theme Hope 2.0.0-rc.94" />
<style>
:root {
--vp-c-bg: #fff;
}
[data-theme="dark"] {
--vp-c-bg: #1b1b1f;
}
html,
body {
background: var(--vp-c-bg);
}
</style>
<script>
const userMode = localStorage.getItem("vuepress-theme-hope-scheme");
const systemDarkMode =
window.matchMedia &&
window.matchMedia("(prefers-color-scheme: dark)").matches;
if (userMode === "dark" || (userMode !== "light" && systemDarkMode)) {
document.documentElement.setAttribute("data-theme", "dark");
}
</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","headline":"光栅化","image":[""],"dateModified":"2025-07-12T03:40:38.000Z","author":[{"@type":"Person","name":"JinChao","url":"https://thecodeway.com"}]}</script><meta property="og:url" content="https://thejinchao.github.io/note/graphics/rasterization/"><meta property="og:site_name" content="我的博客和笔记"><meta property="og:title" content="光栅化"><meta property="og:description" content="光栅化"><meta property="og:type" content="article"><meta property="og:locale" content="zh-CN"><meta property="og:updated_time" content="2025-07-12T03:40:38.000Z"><meta property="article:modified_time" content="2025-07-12T03:40:38.000Z"><title>光栅化 | 我的博客和笔记</title><meta name="description" content="光栅化">
<link rel="preload" href="/assets/style-DeGCDZm0.css" as="style"><link rel="stylesheet" href="/assets/style-DeGCDZm0.css">
<link rel="modulepreload" href="/assets/app-NLhmbK9d.js"><link rel="modulepreload" href="/assets/index.html-CagvQJnj.js"><link rel="modulepreload" href="/assets/plugin-vue_export-helper-DlAUqK2U.js">
<link rel="prefetch" href="/assets/about.html-0M5YnL97.js" as="script"><link rel="prefetch" href="/assets/index.html-C8hhFW9M.js" as="script"><link rel="prefetch" href="/assets/index.html-CbQIiLmN.js" as="script"><link rel="prefetch" href="/assets/index.html-BZs47jFr.js" as="script"><link rel="prefetch" href="/assets/flip_coin.html-KNX4ii6S.js" as="script"><link rel="prefetch" href="/assets/index.html-pLMKP709.js" as="script"><link rel="prefetch" href="/assets/mental_poker.html-Pc1ilzAB.js" as="script"><link rel="prefetch" href="/assets/rsa.html-D0EayNca.js" as="script"><link rel="prefetch" href="/assets/index.html-CLvvW3qQ.js" as="script"><link rel="prefetch" href="/assets/index.html-B71eUxrp.js" as="script"><link rel="prefetch" href="/assets/group.html-BONIX4uA.js" as="script"><link rel="prefetch" href="/assets/index.html-ClsJjvkl.js" as="script"><link rel="prefetch" href="/assets/number_theory_1.html-BJ0kXUhH.js" as="script"><link rel="prefetch" href="/assets/number_theory_2.html-DVEY6yGb.js" as="script"><link rel="prefetch" href="/assets/number_theory_3.html-Z5iLbKmR.js" as="script"><link rel="prefetch" href="/assets/probability.html-L5brPtQz.js" as="script"><link rel="prefetch" href="/assets/symbol.html-CFI2ZXx8.js" as="script"><link rel="prefetch" href="/assets/DH.html-ClM1oYwo.js" as="script"><link rel="prefetch" href="/assets/Ellipse.html-hrtx6Qre.js" as="script"><link rel="prefetch" href="/assets/Fibonacci.html-ChbNhuEt.js" as="script"><link rel="prefetch" href="/assets/JPEG001.html-D2BXVbgZ.js" as="script"><link rel="prefetch" href="/assets/JPEG002.html-CBQx-cnu.js" as="script"><link rel="prefetch" href="/assets/JPEG003.html-BDlkZ1Iq.js" as="script"><link rel="prefetch" href="/assets/JPEG004.html-y5EawQqN.js" as="script"><link rel="prefetch" href="/assets/JPEG005.html-CkLeEnEF.js" as="script"><link rel="prefetch" href="/assets/Martingle.html-IKTIWL9t.js" as="script"><link rel="prefetch" href="/assets/MentalPoker01.html-BTkn0Db4.js" as="script"><link rel="prefetch" href="/assets/MentalPoker02.html-BrgZTq9O.js" as="script"><link rel="prefetch" href="/assets/RandRound.html-DmN9W8r2.js" as="script"><link rel="prefetch" href="/assets/SPH001.html-db5-hwde.js" as="script"><link rel="prefetch" href="/assets/SPH002.html-CwhHS0vx.js" as="script"><link rel="prefetch" href="/assets/SPH003.html-Ct1TuVFR.js" as="script"><link rel="prefetch" href="/assets/SPH004.html-BmljLzgF.js" as="script"><link rel="prefetch" href="/assets/SegmentCircle.html-BcFioOhE.js" as="script"><link rel="prefetch" href="/assets/BezierLine01.html-Cy6jhi8x.js" as="script"><link rel="prefetch" href="/assets/BezierLine02.html-Um7-kbVz.js" as="script"><link rel="prefetch" href="/assets/index.html-BJEdMsWH.js" as="script"><link rel="prefetch" href="/assets/ibl_01.html-DC3Iy-cR.js" as="script"><link rel="prefetch" href="/assets/ibl_02.html-CCTmlebl.js" as="script"><link rel="prefetch" href="/assets/index.html-jklId2OO.js" as="script"><link rel="prefetch" href="/assets/index.html-CGRlobkq.js" as="script"><link rel="prefetch" href="/assets/math_01.html-UkoaTQbi.js" as="script"><link rel="prefetch" href="/assets/math_02.html-Dqqs01lN.js" as="script"><link rel="prefetch" href="/assets/math_03.html-CQ-4dhyY.js" as="script"><link rel="prefetch" href="/assets/transform_01.html-gZg9lb_R.js" as="script"><link rel="prefetch" href="/assets/transform_02.html-rE66vLAo.js" as="script"><link rel="prefetch" href="/assets/transform_03.html-DrJtODXL.js" as="script"><link rel="prefetch" href="/assets/transform_04.html-YPsgWYCu.js" as="script"><link rel="prefetch" href="/assets/raster01.html-PwZ1Fdnl.js" as="script"><link rel="prefetch" href="/assets/raster02.html-iJIOH8iR.js" as="script"><link rel="prefetch" href="/assets/raster03.html-Ba2nunls.js" as="script"><link rel="prefetch" href="/assets/function.html-BW2KPnmC.js" as="script"><link rel="prefetch" href="/assets/grammar.html-8HLckPna.js" as="script"><link rel="prefetch" href="/assets/helloworld.html-BRXAARVs.js" as="script"><link rel="prefetch" href="/assets/index.html-lrfAdtpE.js" as="script"><link rel="prefetch" href="/assets/object_and_class.html-B9l7lTFa.js" as="script"><link rel="prefetch" href="/assets/BRDF.html-CzRXXhaZ.js" as="script"><link rel="prefetch" href="/assets/illumination_model_01.html-BEp2poph.js" as="script"><link rel="prefetch" href="/assets/luminosity.html-Gft0LZRh.js" as="script"><link rel="prefetch" href="/assets/microfacets_1.html-DJc0zL8P.js" as="script"><link rel="prefetch" href="/assets/microfacets_2.html-DaBxGB_i.js" as="script"><link rel="prefetch" href="/assets/microfacets_3.html-DL4-09pJ.js" as="script"><link rel="prefetch" href="/assets/render_function_1.html-DqarIiVV.js" as="script"><link rel="prefetch" href="/assets/404.html-BjFtVUTf.js" as="script"><link rel="prefetch" href="/assets/index.html-c-DyFbsN.js" as="script"><link rel="prefetch" href="/assets/index.html-8cRmiXxO.js" as="script"><link rel="prefetch" href="/assets/index.html-Bh-udx2n.js" as="script"><link rel="prefetch" href="/assets/index.html-Bv-UCAZa.js" as="script"><link rel="prefetch" href="/assets/index.html-CyCyGukU.js" as="script"><link rel="prefetch" href="/assets/index.html-CBQRA9P9.js" as="script"><link rel="prefetch" href="/assets/index.html-BJC0xCfV.js" as="script"><link rel="prefetch" href="/assets/index.html-XqmaPXwb.js" as="script"><link rel="prefetch" href="/assets/photoswipe.esm-CKV1Bsxh.js" as="script">
</head>
<body>
<div id="app"><!--[--><!--[--><!--[--><span tabindex="-1"></span><a href="#main-content" class="vp-skip-link sr-only">跳至主要內容</a><!--]--><!--[--><div class="theme-container external-link-icon" vp-container><!--[--><header id="navbar" class="vp-navbar" vp-navbar><div class="vp-navbar-start"><button type="button" class="vp-toggle-sidebar-button" title="Toggle Sidebar"><span class="icon"></span></button><!--[--><a class="route-link vp-brand" href="/" aria-label="带我回家"><img class="vp-nav-logo" src="/favicon.png" alt><!----><span class="vp-site-name hide-in-pad">我的博客和笔记</span></a><!--]--></div><div class="vp-navbar-center"><!--[--><nav class="vp-nav-links"><div class="vp-nav-item hide-in-mobile"><a class="route-link auto-link" href="/" aria-label="主页"><!--[--><iconify-icon class="vp-icon" icon="fa6-solid:house" sizing="height" height="1em"></iconify-icon><!--]-->主页<!----></a></div><div class="vp-nav-item hide-in-mobile"><a class="route-link auto-link" href="/blog/" aria-label="文章"><!--[--><iconify-icon class="vp-icon" icon="fa6-solid:book" sizing="height" height="1em"></iconify-icon><!--]-->文章<!----></a></div><div class="vp-nav-item hide-in-mobile"><div class="vp-dropdown-wrapper"><button type="button" class="vp-dropdown-title" aria-label="开源项目"><!--[--><iconify-icon class="vp-icon" icon="fa6-solid:diagram-project" sizing="height" height="1em"></iconify-icon>开源项目<!--]--><span class="arrow"></span><ul class="vp-dropdown"><li class="vp-dropdown-item"><a class="auto-link external-link" href="https://github.com/thejinchao/turbolink" aria-label="TurboLink" rel="noopener noreferrer" target="_blank"><!---->TurboLink<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="https://github.com/thejinchao/TinyEncrypt" aria-label="TinyEncrypt" rel="noopener noreferrer" target="_blank"><!---->TinyEncrypt<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="https://github.com/thejinchao/ue5-style-guide" aria-label="UnrealStyleGuide" rel="noopener noreferrer" target="_blank"><!---->UnrealStyleGuide<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="https://github.com/thejinchao/AxTrace" aria-label="AxTrace" rel="noopener noreferrer" target="_blank"><!---->AxTrace<!----></a></li><li class="vp-dropdown-item"><a class="auto-link external-link" href="https://github.com/thejinchao/cyclone" aria-label="Cyclone" rel="noopener noreferrer" target="_blank"><!---->Cyclone<!----></a></li></ul></button></div></div><div class="vp-nav-item hide-in-mobile"><div class="vp-dropdown-wrapper"><button type="button" class="vp-dropdown-title" aria-label="个人笔记"><!--[--><iconify-icon class="vp-icon" icon="fa6-solid:lightbulb" sizing="height" height="1em"></iconify-icon>个人笔记<!--]--><span class="arrow"></span><ul class="vp-dropdown"><li class="vp-dropdown-item"><a class="route-link auto-link" href="/note/math/" aria-label="数学相关"><!---->数学相关<!----></a></li><li class="vp-dropdown-item"><a class="route-link route-link-active auto-link" href="/note/graphics/" aria-label="图形学"><!---->图形学<!----></a></li><li class="vp-dropdown-item"><a class="route-link auto-link" href="/note/cryptography/" aria-label="密码学"><!---->密码学<!----></a></li><li class="vp-dropdown-item"><a class="route-link auto-link" href="/note/language/" aria-label="编程语言"><!---->编程语言<!----></a></li></ul></button></div></div><div class="vp-nav-item hide-in-mobile"><a class="route-link auto-link" href="/about.html" aria-label="关于"><!--[--><iconify-icon class="vp-icon" icon="fa6-solid:user-astronaut" sizing="height" height="1em"></iconify-icon><!--]-->关于<!----></a></div></nav><!--]--></div><div class="vp-navbar-end"><!--[--><!----><!----><div class="vp-nav-item hide-in-mobile"><button type="button" class="vp-color-mode-switch" id="color-mode-switch"><svg xmlns="http://www.w3.org/2000/svg" class="icon auto-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="auto icon" name="auto" style="display:block;"><path d="M512 992C246.92 992 32 777.08 32 512S246.92 32 512 32s480 214.92 480 480-214.92 480-480 480zm0-840c-198.78 0-360 161.22-360 360 0 198.84 161.22 360 360 360s360-161.16 360-360c0-198.78-161.22-360-360-360zm0 660V212c165.72 0 300 134.34 300 300 0 165.72-134.28 300-300 300z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" class="icon dark-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="dark icon" name="dark" style="display:none;"><path d="M524.8 938.667h-4.267a439.893 439.893 0 0 1-313.173-134.4 446.293 446.293 0 0 1-11.093-597.334A432.213 432.213 0 0 1 366.933 90.027a42.667 42.667 0 0 1 45.227 9.386 42.667 42.667 0 0 1 10.24 42.667 358.4 358.4 0 0 0 82.773 375.893 361.387 361.387 0 0 0 376.747 82.774 42.667 42.667 0 0 1 54.187 55.04 433.493 433.493 0 0 1-99.84 154.88 438.613 438.613 0 0 1-311.467 128z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" class="icon light-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="light icon" name="light" style="display:none;"><path d="M952 552h-80a40 40 0 0 1 0-80h80a40 40 0 0 1 0 80zM801.88 280.08a41 41 0 0 1-57.96-57.96l57.96-58a41.04 41.04 0 0 1 58 58l-58 57.96zM512 752a240 240 0 1 1 0-480 240 240 0 0 1 0 480zm0-560a40 40 0 0 1-40-40V72a40 40 0 0 1 80 0v80a40 40 0 0 1-40 40zm-289.88 88.08-58-57.96a41.04 41.04 0 0 1 58-58l57.96 58a41 41 0 0 1-57.96 57.96zM192 512a40 40 0 0 1-40 40H72a40 40 0 0 1 0-80h80a40 40 0 0 1 40 40zm30.12 231.92a41 41 0 0 1 57.96 57.96l-57.96 58a41.04 41.04 0 0 1-58-58l58-57.96zM512 832a40 40 0 0 1 40 40v80a40 40 0 0 1-80 0v-80a40 40 0 0 1 40-40zm289.88-88.08 58 57.96a41.04 41.04 0 0 1-58 58l-57.96-58a41 41 0 0 1 57.96-57.96z"></path></svg></button></div><!----><!--]--><button type="button" class="vp-toggle-navbar-button" aria-label="Toggle Navbar" aria-expanded="false" aria-controls="nav-screen"><span><span class="vp-top"></span><span class="vp-middle"></span><span class="vp-bottom"></span></span></button></div></header><!----><!--]--><!----><div class="toggle-sidebar-wrapper"><span class="arrow start"></span></div><aside id="sidebar" class="vp-sidebar" vp-sidebar><!----><ul class="vp-sidebar-links"><li><a class="route-link auto-link vp-sidebar-link" href="/" aria-label="主页"><!--[--><iconify-icon class="vp-icon" icon="fa6-solid:house" sizing="both" width="1em" height="1em"></iconify-icon><!--]-->主页<!----></a></li><li><section class="vp-sidebar-group"><button class="vp-sidebar-header clickable" type="button"><iconify-icon class="vp-icon" icon="fa6-solid:book" sizing="both" width="1em" height="1em"></iconify-icon><span class="vp-sidebar-title">我的文章</span><span class="vp-arrow down"></span></button><ul class="vp-sidebar-links"><li><section class="vp-sidebar-group"><button class="vp-sidebar-header clickable" type="button"><!----><span class="vp-sidebar-title">从抛币协议到智能合约</span><span class="vp-arrow end"></span></button><!----></section></li><li><section class="vp-sidebar-group"><button class="vp-sidebar-header clickable" type="button"><!----><span class="vp-sidebar-title">JPEG算法解密</span><span class="vp-arrow end"></span></button><!----></section></li><li><section class="vp-sidebar-group"><button class="vp-sidebar-header clickable" type="button"><!----><span class="vp-sidebar-title">SPH算法简介</span><span class="vp-arrow end"></span></button><!----></section></li><li><a class="route-link auto-link vp-sidebar-link" href="/blog/2025/02/Martingle.html" aria-label="赌博中的数学:Martingle策略"><!---->赌博中的数学:Martingle策略<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/blog/2025/02/RandRound.html" aria-label="如何生成一个随机的圆形"><!---->如何生成一个随机的圆形<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/blog/2025/02/DH.html" aria-label="一个简单的DH密钥协商算法的实现"><!---->一个简单的DH密钥协商算法的实现<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/blog/2025/02/SegmentCircle.html" aria-label="如何计算线段和圆的交点"><!---->如何计算线段和圆的交点<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/blog/2025/02/Ellipse.html" aria-label="一道数学趣题"><!---->一道数学趣题<!----></a></li><li><a class="route-link auto-link vp-sidebar-link" href="/blog/2025/02/Fibonacci.html" aria-label="斐波那契数列和1/89"><!---->斐波那契数列和1/89<!----></a></li><li><section class="vp-sidebar-group"><button class="vp-sidebar-header clickable" type="button"><!----><span class="vp-sidebar-title">匀速贝塞尔曲线运动的实现</span><span class="vp-arrow end"></span></button><!----></section></li></ul></section></li><li><section class="vp-sidebar-group"><button class="vp-sidebar-header clickable" type="button"><iconify-icon class="vp-icon" icon="fa6-solid:diagram-project" sizing="both" width="1em" height="1em"></iconify-icon><span class="vp-sidebar-title">开源项目</span><span class="vp-arrow end"></span></button><!----></section></li><li><section class="vp-sidebar-group"><button class="vp-sidebar-header clickable" type="button"><iconify-icon class="vp-icon" icon="fa6-solid:lightbulb" sizing="both" width="1em" height="1em"></iconify-icon><span class="vp-sidebar-title">学习笔记</span><span class="vp-arrow end"></span></button><!----></section></li></ul><!----></aside><!--[--><main id="main-content" class="vp-page"><!--[--><!----><!----><nav class="vp-breadcrumb disable"></nav><div class="vp-page-title"><h1><!---->光栅化</h1><!----><hr></div><!----><div class="" vp-content><!----><div id="markdown-content"><h1 id="光栅化" tabindex="-1"><a class="header-anchor" href="#光栅化"><span>光栅化</span></a></h1><ul><li><a class="route-link" href="/note/graphics/rasterization/raster01.html">基础</a></li><li><a class="route-link" href="/note/graphics/rasterization/raster02.html">边界判定</a></li><li><a class="route-link" href="/note/graphics/rasterization/raster03.html">像素遍历</a></li></ul></div><!----><!----><!----></div><footer class="vp-page-meta"><!----><div class="vp-meta-item git-info"><div class="update-time"><span class="vp-meta-label">最近更新</span><time class="vp-meta-info" datetime="2025-07-12T03:40:38.000Z" data-allow-mismatch>2025/7/12 03:40</time></div><div class="contributors"><span class="vp-meta-label">贡献者: </span><!--[--><!--[--><span class="vp-meta-info" title="email: thejinchao@gmail.com">thejinchao</span><!--]--><!--]--></div></div></footer><!----><!----><!----><!--]--></main><!--]--><footer class="vp-footer-wrapper" vp-footer><div class="vp-footer">使用 <a href="https://theme-hope.vuejs.press/zh/" target="_blank">VuePress Theme Hope</a> 主题 | <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备16018986号-1</a></div><!----></footer></div><!--]--><!--]--><!--[--><!----><!--[--><!--]--><!--]--><!--]--></div>
<script type="module" src="/assets/app-NLhmbK9d.js" defer></script>
</body>
</html>