Skip to content

Commit

Permalink
remove font tag in web/api for zh-TW
Browse files Browse the repository at this point in the history
  • Loading branch information
yin1999 committed May 23, 2022
1 parent 1b53da8 commit 2a7f192
Show file tree
Hide file tree
Showing 9 changed files with 52 additions and 52 deletions.
2 changes: 1 addition & 1 deletion files/zh-tw/web/api/blob/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ <h2 id="建構式">建構式</h2>

<dl>
<dt>{{domxref("Blob.Blob", "Blob(blobParts[, options])")}}</dt>
<dd>回傳新建立的 <code>Blob</code> 物件,包含了建構式參數傳入之陣列所串聯後的值。第二個參數為 <font face="Consolas, Liberation Mono, Courier, monospace">BlobPropertyBag</font> <font face="Consolas, Liberation Mono, Courier, monospace">物件,其擁有</font> <code>type</code> 和 <code>endings</code> 屬性<font face="Consolas, Liberation Mono, Courier, monospace"></font></dd>
<dd>回傳新建立的 <code>Blob</code> 物件,包含了建構式參數傳入之陣列所串聯後的值。第二個參數為 BlobPropertyBag 物件,其擁有 <code>type</code> 和 <code>endings</code> 屬性</dd>
</dl>

<h2 id="屬性">屬性</h2>
Expand Down
50 changes: 25 additions & 25 deletions files/zh-tw/web/api/canvas_api/tutorial/basic_usage/index.html

Large diffs are not rendered by default.

26 changes: 13 additions & 13 deletions files/zh-tw/web/api/canvas_api/tutorial/using_images/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,47 +5,47 @@
---
<div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Drawing_text", "Web/API/Canvas_API/Tutorial/Transformations" )}}</div>

<p><font face="DejaVu Sans"><font face="DejaVu Sans, sans-serif">使用影像是</font></font>{{HTMLElement("canvas")}}<font face="DejaVu Sans"><font face="DejaVu Sans, sans-serif">另一個有趣的功能,這個功能可以用來動態組合圖片或作為背景等等。任何瀏覽器支援的外部圖片格式都可以使用,例如</font></font><font face="DejaVu Sans, sans-serif">PNG, GIF, </font><font face="DejaVu Sans"><font face="DejaVu Sans, sans-serif"></font></font><font face="DejaVu Sans, sans-serif">JPEG</font><font face="DejaVu Sans"><font face="DejaVu Sans, sans-serif">,甚至也可以利用同一份頁面上其他畫布元素產生的影像.</font></font></p>
<p>使用影像是{{HTMLElement("canvas")}}另一個有趣的功能,這個功能可以用來動態組合圖片或作為背景等等。任何瀏覽器支援的外部圖片格式都可以使用,例如PNG, GIF, 或JPEG,甚至也可以利用同一份頁面上其他畫布元素產生的影像.</p>

<p><font face="DejaVu Sans, sans-serif">載入影像到畫布中基本上需要兩個步驟:</font></p>
<p>載入影像到畫布中基本上需要兩個步驟:</p>

<ol>
<li>
<p style="margin-bottom: 0in;"><font face="DejaVu Sans, sans-serif">取得</font><font face="DejaVu Sans, sans-serif">{{domxref("HTMLImageElement")}}</font><font face="DejaVu Sans, sans-serif">物件或其他畫布元素的參照</font><font face="DejaVu Sans, sans-serif">(reference)</font><font face="DejaVu Sans, sans-serif">作為來源,透過單純提供</font><font face="DejaVu Sans, sans-serif">URL</font><font face="DejaVu Sans, sans-serif">或圖片位置的方式是行不通的</font>.</p>
<p style="margin-bottom: 0in;">取得{{domxref("HTMLImageElement")}}物件或其他畫布元素的參照(reference)作為來源,透過單純提供URL或圖片位置的方式是行不通的.</p>
</li>
<li>
<p style="margin-bottom: 0in;"><font face="DejaVu Sans, sans-serif"></font><font face="DejaVu Sans, sans-serif">drawImage()</font><font face="DejaVu Sans, sans-serif">函數在畫布上畫影像</font>.</p>
<p style="margin-bottom: 0in;">用drawImage()函數在畫布上畫影像.</p>
</li>
</ol>

<p><font face="DejaVu Sans, sans-serif">接下來便來看看要怎麼做</font>.</p>
<p>接下來便來看看要怎麼做.</p>

<h2 id="取得影像"><font face="DejaVu Sans, sans-serif">取得影像</font></h2>
<h2 id="取得影像">取得影像</h2>

<p><font face="DejaVu Sans, sans-serif">畫布</font><font face="DejaVu Sans, sans-serif">API</font><font face="DejaVu Sans, sans-serif">能接受以下資料型態作為影像來源</font>:</p>
<p>畫布API能接受以下資料型態作為影像來源:</p>

<dl>
<dt>{{domxref("HTMLImageElement")}}</dt>
<dd>
<p style="margin-bottom: 0in;"><font face="DejaVu Sans, sans-serif"></font><font face="DejaVu Sans, sans-serif">Image()</font><font face="DejaVu Sans, sans-serif">建構成的影像或是</font><font face="DejaVu Sans, sans-serif">{{HTMLElement("img")}}</font><font face="DejaVu Sans, sans-serif">元素</font>.</p>
<p style="margin-bottom: 0in;">用Image()建構成的影像或是{{HTMLElement("img")}}元素.</p>
</dd>
<dt>{{domxref("HTMLVideoElement")}}</dt>
<dd>
<p style="margin-bottom: 0in;"><font face="DejaVu Sans, sans-serif"></font><font face="DejaVu Sans, sans-serif">{{domxref("HTMLVideoElement")}}</font><font face="DejaVu Sans, sans-serif">元素作影像來源,抓取影片目前的影像畫格當作影像使用</font>.</p>
<p style="margin-bottom: 0in;">{{domxref("HTMLVideoElement")}}元素作影像來源,抓取影片目前的影像畫格當作影像使用.</p>
</dd>
<dt>{{domxref("HTMLCanvasElement")}}</dt>
<dd>
<p style="margin-bottom: 0in;"><font face="DejaVu Sans, sans-serif">用另一個</font><font face="DejaVu Sans, sans-serif">{{domxref("HTMLCanvasElement")}}</font><font face="DejaVu Sans, sans-serif">元素當影像來源</font>.</p>
<p style="margin-bottom: 0in;">用另一個{{domxref("HTMLCanvasElement")}}元素當影像來源.</p>
</dd>
<dt>{{domxref("ImageBitmap")}}</dt>
<dd>
<p style="margin-bottom: 0in;"><font face="DejaVu Sans, sans-serif">可以被快速渲染的點陣圖</font><font face="DejaVu Sans, sans-serif">(bitmap)</font><font face="DejaVu Sans, sans-serif">,點陣圖能由上述所有來源產生</font>.</p>
<p style="margin-bottom: 0in;">可以被快速渲染的點陣圖(bitmap),點陣圖能由上述所有來源產生.</p>
</dd>
</dl>

<p><font face="DejaVu Sans, sans-serif">這些來源統一參照</font> <font face="DejaVu Sans, sans-serif"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#image-sources-for-2d-rendering-contexts" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#image-sources-for-2d-rendering-contexts">CanvasImageSource</a>型態</font>.</p>
<p>這些來源統一參照 <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#image-sources-for-2d-rendering-contexts" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#image-sources-for-2d-rendering-contexts">CanvasImageSource</a>型態.</p>

<p style="margin-bottom: 0in;"><font face="DejaVu Sans, sans-serif">有好幾種方法能夠取得影像用於畫布<font face="DejaVu Sans, sans-serif">.</font></font></p>
<p style="margin-bottom: 0in;">有好幾種方法能夠取得影像用於畫布.</p>

<p style="margin-bottom: 0in;"> </p>

Expand Down
4 changes: 2 additions & 2 deletions files/zh-tw/web/api/document/createtextnode/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,8 @@ <h2 id="Syntax">Syntax</h2>
</pre>

<ul>
<li><font face="Consolas, Liberation Mono, Courier, monospace">文字屬於一個文字節點</font>.</li>
<li><font face="Consolas, Liberation Mono, Courier, monospace">將含有數據的串加入文字節點中</font>.</li>
<li>文字屬於一個文字節點.</li>
<li>將含有數據的串加入文字節點中.</li>
</ul>

<h2 id="Example">Example</h2>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -359,7 +359,7 @@ <h3 id="Notes" name="Notes">提醒</h3>

<ul>
<li>表格的{{domxref("element.innerHTML","innerHTML")}}屬性絕不應該被用來修改表,雖然你可以用它來寫一個完整的表格或細格中的內容。</li>
<li>如果用 DOM 核心方法<font face="Consolas, Liberation Mono, Courier, monospace"> </font>{{domxref("document.createElement")}} 和<font face="Consolas, Liberation Mono, Courier, monospace"> </font>{{domxref("Node.appendChild")}} 來建立表格的行和細格,IE 會要求它們附加到一個 tbody 元素,而其它瀏覽器允許它們附加到一個 table 元素(行會被添加到最後的 tbody 元素)。</li>
<li>如果用 DOM 核心方法 {{domxref("document.createElement")}} 和 {{domxref("Node.appendChild")}} 來建立表格的行和細格,IE 會要求它們附加到一個 tbody 元素,而其它瀏覽器允許它們附加到一個 table 元素(行會被添加到最後的 tbody 元素)。</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableElement#Methods">表格介面</a>還有一些可用於創建和修改的表格的便利方法。</li>
</ul>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ <h2 id="獲得選取檔案的資訊">獲得選取檔案的資訊</h2>

<p>上述的例子顯示獲取在檔案清單裡所有檔案物件的方法。</p>

<p><font face="Consolas, Liberation Mono, Courier, monospace">{{domxref("File")}} </font>提供三個包含檔案重要訊息的屬性。</p>
<p>{{domxref("File")}} 提供三個包含檔案重要訊息的屬性。</p>

<dl>
<dt><code>name</code></dt>
Expand Down Expand Up @@ -134,9 +134,9 @@ <h2 id="使用拖放選取檔案">使用拖放選取檔案</h2>
dropbox.addEventListener("drop", drop, false);
</pre>

<p>在這個範例中,我們將 ID "dropbox" 設為放的區域,這是由於我們監聽了 <code>dragenter <font face="Open Sans, Arial, sans-serif"></font></code><code>dragover </code><code>drop</code>事件<font face="Consolas, Liberation Mono, Courier, monospace"></font></p>
<p>在這個範例中,我們將 ID "dropbox" 設為放的區域,這是由於我們監聽了 <code>dragenter 、</code><code>dragover </code><code>drop</code>事件</p>

<p>我們甚至不需要處理 <code>dragenter <font face="Open Sans, Arial, sans-serif">和 </font></code><code>dragover</code>事件,所以這些函數很簡單。他們阻止了事件的傳播和預設事件的發生:</p>
<p>我們甚至不需要處理 <code>dragenter 和 </code><code>dragover</code>事件,所以這些函數很簡單。他們阻止了事件的傳播和預設事件的發生:</p>

<pre class="brush: js">function dragenter(e) {
e.stopPropagation();
Expand All @@ -162,7 +162,7 @@ <h2 id="使用拖放選取檔案">使用拖放選取檔案</h2>
}
</pre>

<p><code><font face="Open Sans, Arial, sans-serif">這邊我們用 </font>dataTransfer </code>來獲取檔案清單, 並傳遞給 <code>handleFiles()</code>.。 我們可以發現,不論使用拖放或是其他取得檔案,處理檔案的方式都是相同。</p>
<p><code>這邊我們用 dataTransfer </code>來獲取檔案清單, 並傳遞給 <code>handleFiles()</code>.。 我們可以發現,不論使用拖放或是其他取得檔案,處理檔案的方式都是相同。</p>

<dl>
</dl>
Expand Down Expand Up @@ -196,7 +196,7 @@ <h2 id="範例:顯示選取的圖片">範例:顯示選取的圖片</h2>

<p>為了使圖片可以在DOM裡面更容易被找到,所以每個圖片都有設定CSS class “obj”。 我們也在每個圖檔標記 <code>file</code> 屬性以辨認 <code><a href="/en/DOM/File" title="en/DOM/File">File</a></code>;這使我們更容易取得真正要上傳的圖檔。最後我們使用{{ domxref("Node.appendChild()") }} 在文件中增加縮圖的元素。</p>

<p><a href="/en/DOM/FileReader" title="en/DOM/FileReader"><code>FileReader</code></a> 處理要非同步讀取的圖檔並跟 <code>img</code> 元素連接。在創建 <code>FileReader</code> 物件後,我們設置了 <code>onload </code>並 呼叫 <code>readAsDataURL()</code> 在背景呼叫讀取的程序。當所有圖檔都被讀取時,他們被轉換為傳到 <code>onload callback <font face="Open Sans, Arial, sans-serif"></font></code><code> data</code> URL。 這個範例簡易的設置<code>img</code> 元素的 <code>src</code> 屬性來讀取圖檔並在螢幕上顯示。</p>
<p><a href="/en/DOM/FileReader" title="en/DOM/FileReader"><code>FileReader</code></a> 處理要非同步讀取的圖檔並跟 <code>img</code> 元素連接。在創建 <code>FileReader</code> 物件後,我們設置了 <code>onload </code>並 呼叫 <code>readAsDataURL()</code> 在背景呼叫讀取的程序。當所有圖檔都被讀取時,他們被轉換為傳到 <code>onload callback </code><code> data</code> URL。 這個範例簡易的設置<code>img</code> 元素的 <code>src</code> 屬性來讀取圖檔並在螢幕上顯示。</p>

<h2 id="使用_object_URLs">使用 object URLs</h2>

Expand Down Expand Up @@ -399,8 +399,8 @@ <h2 id="你也可以參考這些文章">你也可以參考這些文章</h2>

<ul>
<li><code>{{domxref("File")}}</code></li>
<li><font face="Consolas, Liberation Mono, Courier, monospace">{{domxref("FileList")}}  </font></li>
<li><font face="Consolas, Liberation Mono, Courier, monospace">{{domxref("FileReader") }}  </font></li>
<li>{{domxref("FileList")}}  </li>
<li>{{domxref("FileReader") }}  </li>
<li><a href="/en/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="En/Using XMLHttpRequest">Using XMLHttpRequest</a></li>
<li><a href="/en/Extensions/Using_the_DOM_File_API_in_chrome_code" title="en/Extensions/Using the DOM File API in chrome code">Using the DOM File API in chrome code</a></li>
<li><code>{{domxref("XMLHttpRequest")}}</code></li>
Expand Down
2 changes: 1 addition & 1 deletion files/zh-tw/web/api/node/nodetype/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ <h3 id="節點類型常數">節點類型常數</h3>
<tr>
<td>{{domxref("Node.ELEMENT_NODE")}} {{readonlyinline}}</td>
<td><code>1</code></td>
<td>表示元素的 {{domxref("Element")}} 節點,如 {{HTMLElement("body")}}、{{HTMLElement("a")}}、{{HTMLElement("p")}}、{{HTMLElement("script")}}、{{HTMLElement("style")}}、{{HTMLElement("html")}}、{{HTMLElement("h1")}} 或 {{HTMLElement("div")}}<font face="Consolas, Liberation Mono, Courier, monospace"></font></td>
<td>表示元素的 {{domxref("Element")}} 節點,如 {{HTMLElement("body")}}、{{HTMLElement("a")}}、{{HTMLElement("p")}}、{{HTMLElement("script")}}、{{HTMLElement("style")}}、{{HTMLElement("html")}}、{{HTMLElement("h1")}} 或 {{HTMLElement("div")}}</td>
</tr>
<tr>
<td>{{domxref("Node.TEXT_NODE")}} {{readonlyinline}}</td>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ <h3 id="參數">參數</h3>

<h3 id="回傳值">回傳值</h3>

<p><font face="consolas, Liberation Mono, courier, monospace">未定義</font></p>
<p>未定義。</p>

<h2 id="規範">規範</h2>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ <h3 id="Example_creating_a_standard_function_to_read_external_files">Example: cr
loadFile("message.txt", showMessage, "New message!\n\n");
</pre>

<p>Line 1 declares a function which will pass all arguments after the third to the <font face="Courier New, Andale Mono, monospace">callback </font>function when the file has been loaded.</p>
<p>Line 1 declares a function which will pass all arguments after the third to the callback function when the file has been loaded.</p>

<p>Line 4 creates an event handler function object and assigns it to the request's <code>onload</code> attribute.  This handler looks at the request's <code>readyState</code> to see if the transaction is complete in line 5, and if it is, and the HTTP status is 200, calls the callback function.  If an error occurred, an error message is displayed.</p>

Expand Down

0 comments on commit 2a7f192

Please sign in to comment.