<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          Hovercraft演示文檔創(chuàng)建工具

          聯(lián)合創(chuàng)作 · 2023-10-02 04:55

          Hovercraft簡(jiǎn)化了創(chuàng)建 Impress.js 文檔的過(guò)程,使用 reStructuredText 創(chuàng)建演示文檔。和用HTML制作幻燈片不同,Hovercraft可以讓你更加專注于寫作。你可以任意改動(dòng)元素而不用擔(dān)心標(biāo)記語(yǔ)言的標(biāo)簽封閉問(wèn)題。

          舉個(gè)例子,我想創(chuàng)建了一張幻燈片,比上一張幻燈片大了五倍并且旋轉(zhuǎn)了90度。那么在Hovercraft里,只需要兩行代碼就能完成這些工作:

          :data-scale: 5
          :data-rotate: 90
          Heading
          =======
          * Bullet Point 1
          * Bullet Point 2

          使用Hovercraft極大的簡(jiǎn)化了impress.js的使用。Hovercraft支持四種放置幻燈片的方式,如果沒(méi)有設(shè)置的話,會(huì)使用默認(rèn) 的切換方式,也就是向左飛出切換到下一張。如果你想讓你的幻燈片更酷炫一點(diǎn),你可以使用相對(duì)布局,幻燈片會(huì)基于你自定義的偏移量進(jìn)行切換。如果在中間插入 了一張幻燈片,接下來(lái)的其他幻燈片也會(huì)依次自動(dòng)適應(yīng)調(diào)整坐標(biāo)。如果你想要控制其中的細(xì)節(jié),你可以使用絕對(duì)布局,提前定義好每個(gè)幻燈片的坐標(biāo)并用SVG制定好路線。

          Hovercraft的文檔評(píng)價(jià)SVG布局“用起來(lái)有點(diǎn)繁瑣”,不過(guò)它可以讓你更加精確的控制幻燈片的每一個(gè)細(xì)節(jié),讓你的演示更加出彩。另外,如果 你想在你的演示中插入代碼,那也沒(méi)有問(wèn)題,Hovercraft支持代碼語(yǔ)法高亮,并且它還提供一個(gè)專門給演講者看的屏幕,可以顯示筆記,并且還有計(jì)時(shí)功 能。當(dāng)你寫好了一份文檔,一條簡(jiǎn)單的命令就可以把rst文件轉(zhuǎn)換成HTML演示文稿:

          hovercraft [markupfile] [output directory]

          雖然Hovercraft有很多優(yōu)點(diǎn),但是它依然需要使用者有一定的CSS常識(shí)。默認(rèn)的主題十分的樸實(shí),如果你想要你的演示出彩的話,還是要花一些功夫的。給幻燈片加上CSS并非難事,但是和PPT中點(diǎn)擊就能選主題相比,還是顯得復(fù)雜了一些。

          瀏覽 21
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          編輯 分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          編輯 分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  日韩黄色链接 | 日本久久二区 | 一区二区三区视频 | 五月婷综合 | 91精品人妻少妇无码影院 |