![canvas[F&C ZEXCS製作的系列作品]](/img/e/844/nBnauM3X4IjNyUzM4cjN0IDN0UTMyITNykTO0EDMwAjMwUzL3YzL1YzLt92YucmbvRWdo5Cd0FmL0E2LvoDc0RHa.jpg "canvas[F&C ZEXCS製作的系列作品]")
劇情簡介
擁有超人的繪畫天分的男主角，卻因某事故無法再次執起畫筆，只能委身於某所大學，擔任美術課的顧問。受男主角指導走向繪畫之路的女主角，卻因目睹雙親車禍身亡的現場，而在作畫中無法使用紅色。青梅竹馬的女伴，可是高中時代的告白，卻遭到男主角的拒絕，現在她又重新闖入了男主角的生活。 偶然的再會…… 三人之間，會發生什麼？愛的前路，會走向哪裡？
登場人物
| 上倉浩樹 CV:櫻井孝宏 美術系的名門，撫子學院的大學生，以教師為目標。一直因具有畫家潛質而被給予厚望，但卻由於某事件而失去了執筆的條件。後來擔任高等部的美術部顧問代理，與各自有著不同想法的女主角們交流而逐漸找回自我。 | ![canvas[F&C ZEXCS製作的系列作品]](/img/1/bce/wZwpmL3cDNyIDO5cDM1ATN0UTMyITNykTO0EDMwAjMwUzL3AzLyAzLt92YucmbvRWdo5Cd0FmLxE2LvoDc0RHa.jpg) canvas[F&C ZEXCS製作的系列作品] |
| 鳳仙 愛麗斯 CV:名冢佳織 浩樹的義妹，在他家住著的少女。小時候很崇拜“哥哥”，擁有繼承自母親的金髮碧眼是。因為有著超常的繪畫能力，而作為特待生而進入撫子學院。 |  鳳仙 愛麗斯 |
| 美咲堇 CV:平野綾 合唱部所屬的三年級學生，有著撫子學院的歌姬的美名，本人卻不以為意，是個成熟的大小姐。經常一個人在學校的屋頂上歌唱，父親和姐姐是畫家，母親是世界有名的長笛藝術家。 | ![canvas[F&C ZEXCS製作的系列作品]](/img/b/b05/wZwpmLycjMzITOwUjNwMDN0UTMyITNykTO0EDMwAjMwUzL1YzL3gzLt92YucmbvRWdo5Cd0FmL0E2LvoDc0RHa.jpg) canvas[F&C ZEXCS製作的系列作品] |
| 桔梗 霧 CV:生天目仁美 和浩樹一個幼稚園的青梅竹馬的夥伴，現在在撫子學院擔任體育老師，處處為學生考慮而很受學生歡迎，有著御姐的氣質，擅長料理。 | ![canvas[F&C ZEXCS製作的系列作品]](/img/c/780/wZwpmLxATN1AjM4kDM1ATN0UTMyITNykTO0EDMwAjMwUzL5AzLygzLt92YucmbvRWdo5Cd0FmLzE2LvoDc0RHa.jpg) canvas[F&C ZEXCS製作的系列作品] |
| 荻野 可奈 CV:德永愛 比愛麗斯大一年的前輩，長著一張娃娃臉、LOLI身材、活潑可愛的少女。一般喜歡跟隨著浩樹，實際上是專業少女小說家，經常有追隨她的的編輯者出現。 | ![canvas[F&C ZEXCS製作的系列作品]](/img/e/dc5/wZwpmL1QTMxQjM0QTM4EDN0UTMyITNykTO0EDMwAjMwUzL0EzL0YzLt92YucmbvRWdo5Cd0FmLxE2LvoDc0RHa.jpg) canvas[F&C ZEXCS製作的系列作品] |
| 柳慎 一郎 CV:谷山紀章 在大學時，是浩樹的同學和好友。但後來盜用了浩樹的畫，參加比賽，導致浩樹一蹶不振。喜歡霧。 |  柳慎 一郎 |
| 衫原 紫衣 CV:宮川美保 小說雜誌的編輯，霧的好友，對可奈有著超越編輯與作家的關注，與浩樹敵對。 |  衫原紫衣 |
| 鷺之宮紗綾 CV:豬口有佳 鷺之宮財團的小姐，撫子學院的代理理事長。性格成熟，是劍道名手，擔任劍道部的教練。喜歡彪車而且速度狂人……對浩樹的藝術才能有很高的評價。 |  鷺之宮紗綾 |
| 藤浪 朋子 CV:高橋美佳子 愛麗絲的同學及好朋友，浩樹的學生。非常喜歡小貓，經常帶香腸給貓吃。愛麗絲離家出走時，就住在朋子家，家裡似乎非常有錢，晚上喜歡和一隻套著南瓜頭罩的小貓一起睡覺。 |  藤浪朋子 |
各集標題
第一話：禁斷的古典紅
第二話：橘子色的再會
第三話：惡作劇的金黃
第四話：焦躁的深藍色
第五話：嘆息的月灰色
第六話：誘惑的翡翠綠
第七話：起潮的土茶色
第八話：哀愁的深夜色
第九話：感傷的琉璃色
第十話：追憶的雪白色
第十一話：淺黃色的距離
第十二話：天真的常青綠
第十三話：深棕色的三角戀
第十四話：秘密是深藍色
第十五話：藍色的壓力
第十六話：淡紫色的通宵長夜
第十七話：想要傳達的櫻粉色
第十八話：瞄準番茄紅
第十九話：奶白色的一夜
第二十話：橘子醬色的黃昏
第二十一話：水晶色的白地圖
第二十二話：紫藍色的黎明
第二十三話：聖誕色的決意
第二十四話：七彩的終章
STAFF
監 督：川崎逸朗
系列構成：吉田玲子
角色設定：新田靖成
色彩設定：片山由美子
美術監督：近藤あゆみ
攝影監督：近藤靖尚
編 集：內田惠
音樂製作：かなすぎはじめ
音響監督：岩浪美和
音響製作：ダックスプロダクション
動畫製作：ゼクシズ
制 作：キャンバス2製作委員會
CAST、
上倉浩樹：櫻井孝宏
鳳仙愛莉絲：名冢佳織
桔梗霧：生天目仁美
荻野可奈：德永愛
美咲堇：平野綾
杉原紫衣：宮川美保
鷺之宮紗綾：豬口有佳
柳慎一郎：谷山紀章
田丸光：伊藤靜
竹內麻巳：豐口惠
藤浪朋子：高橋美佳子
歌曲
·OP
「プラスチックスマイル(虹色ギターVERSION)」
作詞：A Bone
作曲：A Bone
編曲：YASHICHI
歌：Honey Bee（YURIA）
·ED
「NA NA IRO」
作詞：かなすぎはじめ
作曲：かなすぎはじめ、小池雅也
編曲：小池雅也
歌：スイーツ探検隊
·角色歌
1、「いつもとなりに～ニーソックス履いて～」
作詞：かなすぎはじめ
作曲：藤間仁
編曲：小池雅也、津田考平
歌：名冢佳織×スイーツ探検隊
2、「なつかしい風～ホワイトブレス～」
作詞：かなすぎはじめ、新堂真弓
作曲：菊田大介
編曲：Blasterhead
歌：生天目仁美×スイーツ探検隊
HTML5新增標籤
定義和用法：
Canvas 對象表示一個 HTML 畫布元素 -<canvas>。它沒有自己的行為，但是定義了一個 API 支持腳本化客戶端繪圖操作。
你可以直接在該對象上指定寬度和高度，但是，其大多數功能都可以通過CanvasRenderingContext2D 對象獲得。 這是通過 Canvas 對象的getContext() 方法並且把直接量字元串 "2d" 作為唯一的參數傳遞給它而獲得的。
<canvas> 標記在 Safari 1.3 中引入，在製作此參考頁時，它在 Firefox 1.5 和 Opera 9 中也得到了支持。在 IE 中，<canvas> 標記及其 API 可以使用位於excanvas點sourceforge點net的 ExplorerCanvas 開源項目來模擬。
提示：如果希望學習如何使用 <canvas> 來繪製圖形，可以訪問 Mozilla 提供的Canvas 教程（英文）以及相應的中文 Canvas 教程。
的歷史
這個 HTML 元素是為了客戶端矢量圖形而設計的。它自己沒有行為，但卻把一個繪圖 API 展現給客戶端 JavaScript 以使腳本能夠把想繪製的東西都繪製到一塊畫布上。
<canvas> 標記由 Apple 在 Safari 1.3 Web 瀏覽器中引入。對 HTML 的這一根本擴展的原因在於，HTML 在 Safari 中的繪圖能力也為 Mac OS X 桌面的 Dashboard 組件所使用，並且 Apple 希望有一種方式在 Dashboard 中支持腳本化的圖形。
Firefox 1.5 和 Opera 9 都跟隨了 Safari 的引領。這兩個瀏覽器都支持 <canvas> 標記。
我們甚至可以在 IE 中使用 <canvas> 標記，並在 IE 的 VML 支持的基礎上用開源的 JavaScript 代碼（由 Google 發起）來構建兼容性的畫布。
<canvas> 的標準化的努力由一個 Web 瀏覽器廠商的非正式協會在推進，目前 <canvas> 已經成為 HTML 5 草案中一個正式的標籤。
SVG 以及VML之間的差異
<canvas> 標記和 SVG 以及 VML 之間的一個重要的不同是，<canvas> 有一個基於 JavaScript 的繪圖 API，而 SVG 和 VML 使用一個 XML 文檔來描述繪圖。
這兩種方式在功能上是等同的，任何一種都可以用另一種來模擬。從表面上看，它們很不相同，可是，每一種都有強項和弱點。例如，SVG 繪圖很容易編輯，只要從其描述中移除元素就行。
要從同一圖形的一個 <canvas> 標記中移除元素，往往需要擦掉繪圖重新繪製它。
使用 標記繪圖
大多數 Canvas 繪圖 API 都沒有定義在 <canvas> 元素本身上，而是定義在通過畫布的getContext() 方法獲得的一個“繪圖環境”對象上。
Canvas API 也使用了路徑的表示法。但是，路徑由一系列的方法調用來定義，而不是描述為字母和數字的字元串，比如調用 beginPath() 和 arc() 方法。
一旦定義了路徑，其他的方法，如 fill()，都是對此路徑操作。繪圖環境的各種屬性，比如 fillStyle，說明了這些操作如何使用。
注釋：Canvas API 非常緊湊的一個原因上它沒有對繪製文本提供任何支持。要把文本加入到一個 <canvas> 圖形，必須要么自己繪製它再用點陣圖圖像合併它，或者在 <canvas> 上方使用 CSS 定位來覆蓋 HTML 文本。
Canvas 對象的屬性
height 屬性
畫布的高度。和一幅圖像一樣，這個屬性可以指定為一個整數像素值或者是視窗高度的百分比。當這個值改變的時候，在該畫布上已經完成的任何繪圖都會擦除掉。默認值是 300。
width 屬性
畫布的寬度。和一幅圖像一樣，這個屬性可以指定為一個整數像素值或者是視窗寬度的百分比。當這個值改變的時候，在該畫布上已經完成的任何繪圖都會擦除掉。默認值是 300。
Canvas 對象的方法
| 方法 | 描述 |
| getContext() | 返回一個用於在畫布上繪圖的環境。 |
例子
<!DOCTYPE HTML>
<html>
<body>
<canvas id="myCanvas">your browser does not support the canvas tag </canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,80,100);
</script>
</body>
</html>
