每周 程式設計日記
| 第八週 | 第九週 |
第一週九月七日上課內容
在記事本編輯html
第二週九月14日上課內容
嵌入embed同學的網頁
蔡瑞譁
CANVAS介紹
MDN web:
<canvas> 是一個 HTML 元素，我們可以利用程式腳本在這個元素上繪圖（通常是用 JavaScript）。除了繪圖，我們還可以合成圖片或做一些簡單（或是不那麼簡單）的動畫。右方的影像便是一些運用 <canvas> 的例子，接下來我們將會在教學文件中一一說明。
本教學從基礎知識開始，描述如何利用 <canvas> 進行 2D 繪圖。教學中的範例會讓各位清楚瞭解 <canvas> 該如何運用，另外也會提供程式碼範例，讓大家嘗試製作自己的內容。
<canvas> 最早是由 Apple 為 Mac OS X Dashboard 所提出，之後 Safari 和 Google Chrome 也都採用。Gecko 1.8 作基礎的瀏覽器，如 Firefox 1.5 也都提供了支援。<canvas> 元素是 WhatWG Web applications 1.0（也就是 HTML5）規範的一部分，目前所有主流的瀏覽器都已支援。
https://developer.mozilla.org/zh-TW/docs/Web/API/Canvas_API/Tutorial
第三週九月21日的上課
學習 input 還有 表單 form
在HTML處增加。
<form><b>選擇顏色:
<input id="linecolor" type="checkbox">紅色
<input onclick="draw()" type="button" value="2020年每天通貨走勢" />
</form>
在JavaScript處作如下更改。
ctx.fillStyle="black";
if ( document.getElementById('linecolor').checked )
ctx.fillStyle="red";
位元組與變數
|
10進位 |
16進位 |
位元組Byte數的2進位表示 |
|||||||
|
2進位對應的10進位 |
7 |
6 |
5 |
4 |
3 |
2 |
1 |
0 |
|
|
|
128 |
64 |
32 |
16 |
8 |
4 |
2 |
1 |
|
|
0 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
|
1 |
1 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
1 |
|
2 |
2 |
0 |
0 |
0 |
0 |
0 |
0 |
1 |
0 |
|
3 |
3 |
0 |
0 |
0 |
0 |
0 |
0 |
1 |
1 |
|
4 |
4 |
0 |
0 |
0 |
0 |
0 |
1 |
0 |
0 |
|
9 |
9 |
0 |
0 |
0 |
0 |
1 |
0 |
0 |
1 |
|
10 |
A |
0 |
0 |
0 |
0 |
1 |
0 |
1 |
0 |
|
11 |
B |
0 |
0 |
0 |
0 |
1 |
0 |
1 |
1 |
|
12 |
C |
0 |
0 |
0 |
0 |
1 |
1 |
0 |
0 |
|
13 |
D |
0 |
0 |
0 |
0 |
1 |
1 |
||
.PNG)
留言
張貼留言