《canvas》是从2005年10月3日开始放映的24集日本动画，由F&C ZEXCS製作发行，讲述了拥有超人的绘画天分的男主角的故事。
基本介绍
- 外文名Canvas
- 日文名虹色のスケッチ
- 製作·发行F&C ZEXCS
- 放映日期2005年10月3日
- 总共集数24
- 国家日本
剧情简介
拥有超人的绘画天分的男主角，却因某事故无法执起画笔，只能委身于某所大学，担任美术课的顾问。受男主角指导走向绘画之路的女主角，却因目睹双亲车祸身亡的现场，而在作画中无法使用红色。青梅竹马的女伴，可是高中时代的告白，却遭到男主角的拒绝，现在她又重新闯入了男主角的生活。 偶然的再会…… 三人之间，会发生什幺？爱的前路，会走向哪里？
登场人物
上仓浩树 CV:樱井孝宏 美术系的名门，抚子学院的大学生，以教师为目标。一直因具有画家潜质而被给予厚望，但却由于某事件而失去了执笔的条件。后来担任高等部的美术部顾问代理，与各自有着不同想法的女主角们交流而逐渐找回自我。 | |
凤仙 爱丽斯 CV:名冢佳织 浩树的义妹，在他家住着的少女。小时候很崇拜“哥哥”，拥有继承自母亲的金髮碧眼是。因为有着超常的绘画能力，而作为特待生而进入抚子学院。 | |
美咲堇 CV:平野绫 合唱部所属的三年级学生，有着抚子学院的歌姬的美名，本人却不以为意，是个成熟的大小姐。经常一个人在学校的屋顶上歌唱，父亲和姐姐是画家，母亲是世界有名的长笛艺术家。 | |
桔梗 雾 CV:生天目仁美 和浩树一个幼稚园的青梅竹马的伙伴，现在在抚子学院担任体育老师，处处为学生考虑而很受学生欢迎，有着御姐的气质，擅长料理。 | |
荻野 可奈 CV:德永爱 比爱丽斯大一年的前辈，长着一张娃娃脸、LOLI身材、活泼可爱的少女。一般喜欢跟随着浩树，实际上是专业少女小说家，经常有追随她的的编辑者出现。 | |
柳慎 一郎 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 教程。
<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> 标记绘图
大多数 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>