Graphics on Sawyer Zheng's Bloghttps://elated-raman-42e0c2.netlify.app/tags/graphics/Recent content in Graphics on Sawyer Zheng's BlogHugozh-cnMon, 07 Mar 2022 16:55:27 +0800cairohttps://elated-raman-42e0c2.netlify.app/post/notes/graphics/cairo/Tue, 30 Nov 2021 00:00:00 +0000https://elated-raman-42e0c2.netlify.app/post/notes/graphics/cairo/<div id="outline-container-headline-1" class="outline-2"> <h2 id="headline-1"> PyCairo </h2> <div id="outline-text-headline-1" class="outline-text-2"> <div id="outline-container-headline-2" class="outline-3"> <h3 id="headline-2"> 教程 </h3> <div id="outline-text-headline-2" class="outline-text-3"> <ul> <li> <p>zetcode:</p> <ul> <li><a href="https://zetcode.com/gfx/pycairo/introduction/">https://zetcode.com/gfx/pycairo/introduction/</a></li> </ul> </li> </ul> </div> </div> </div> </div> <div id="outline-container-headline-3" class="outline-2"> <h2 id="headline-3"> 用途 </h2> <div id="outline-text-headline-3" class="outline-text-2"> <p>绘制 2D 矢量图</p> </div> </div> <div id="outline-container-headline-4" class="outline-2"> <h2 id="headline-4"> Cairo backend </h2> <div id="outline-text-headline-4" class="outline-text-2"> <p>即输出端，eg: X window system, SVG, PDF, Win32 GDI</p> </div> </div> <div id="outline-container-headline-5" class="outline-2"> <h2 id="headline-5"> 隶属 </h2> <div id="outline-text-headline-5" class="outline-text-2"> <p>version &gt;= 2.8, 包含于 GTK system</p> </div> </div> <div id="outline-container-headline-6" class="outline-2"> <h2 id="headline-6"> 概念 </h2> <div id="outline-text-headline-6" class="outline-text-2"> <div id="outline-container-headline-7" class="outline-3"> <h3 id="headline-7"> drawing context </h3> <div id="outline-text-headline-7" class="outline-text-3"> <p>作用：存储所有图形参数（状态参数和如何绘制）</p>Graphics Programing编程 图形https://elated-raman-42e0c2.netlify.app/post/notes/graphics/graphics_programing%E7%BC%96%E7%A8%8B___%E5%9B%BE%E5%BD%A2/Sat, 11 Sep 2021 00:00:00 +0000https://elated-raman-42e0c2.netlify.app/post/notes/graphics/graphics_programing%E7%BC%96%E7%A8%8B___%E5%9B%BE%E5%BD%A2/<div id="outline-container-headline-1" class="outline-2"> <h2 id="headline-1"> 教程 </h2> </div> <div id="outline-container-headline-2" class="outline-2"> <h2 id="headline-2"> html graphics </h2> <div id="outline-text-headline-2" class="outline-text-2"> <ul> <li> <p>矩形： (左上角顶点坐标为(x1,y1)，右下角顶点坐标为(x2,y2))</p> <div class="src src-html"> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">area</span> <span class="na">shape</span><span class="o">=</span><span class="s">&#34;rect&#34;</span> <span class="na">coords</span><span class="o">=</span><span class="s">&#34;x1,y1,x2,y2&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">url</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table> </div> </div> </div> </li> <li> <p>圆形: (圆心坐标为(X1,y1)，半径为 r)</p> <div class="src src-html"> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">area</span> <span class="na">shape</span><span class="o">=</span><span class="s">&#34;circle&#34;</span> <span class="na">coords</span><span class="o">=</span><span class="s">&#34;x1,y1,r&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">url</span><span class="p">&gt;</span></span></span></code></pre></td></tr></table> </div> </div> </div> </li> <li> <p>多边形: (各顶点坐标依次为(x1,y1)、(x2,y2)、(x3,y3) ……)</p>