标题：canvas
基本信息
名字：（Canvas）  日文名：虹色のスケッチ 
制作·发行：F&C ZEXCS 
放映日期：2005年10月3日～2006年3月27日
总共集数：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、「なつかしい风～ホワイトブレス～」

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 草案中一个正式的标签[7]。
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>[1]