canvas教程

出自 HTML4 规范的可用颜色字符串值列表

字号+ 作者:H5之家 来源:H5之家 2017-09-05 17:00 我要评论( )

技术交流学习或者有任何问题欢迎加群 编程技术交流群 : 154514123 Java技术交流群 : 6128790 标签: 据称由于 HTML5 没有修改专属的颜色,HTML4 的颜色都可以在 HTML5 中正确显示。 出自 HTML4 规范的可用颜色字符串值列表如下,此表来源是, 我把原表中的石

技术交流学习或者有任何问题欢迎加群

编程技术交流群 : 154514123       Java技术交流群 : 6128790  

Java

标签:                           

据称由于 HTML5 没有修改专属的颜色,HTML4 的颜色都可以在 HTML5 中正确显示。

出自 HTML4 规范的可用颜色字符串值列表如下,此表来源是  , 我把原表中的“石灰色”修改成了“青柠色”,因为这更符合该颜色的原意(原表中把lime翻译成石灰色不知怎么回事)。另外原表是图片格式的,不方便拷贝,下表是文本格式的,可以直接拷贝使用。

序号 汉字名称 英语名称 十六进制颜色值

1 黑色 black #000000

2 绿色 green #008000

3 银色 silver #c0c0c0

4 青柠色 lime #00ff00

5 灰色 gray #808080

6 白色 white #ffffff

7 黄色 yellow #ffff00

8 栗色 maroon #800000

9 海蓝色 navy #000080

10 红色 red #ff0000

11 蓝色 blue #0000ff

12 紫色 purple #800080

13 蓝深绿色 teal #008080

14 紫红色 fuchsia #ff00ff

15 浅蓝绿色 aqua #00ffff

因为网络文章不是那么可信,有必要自己验证一下,于是我将这些颜色在Canvas里显示了一下,确定没有问题,显示效果如下:

技术分享

显示这些颜色的代码如下:

出自 HTML4 规范的可用颜色字符串值列表 出现文字表示你的浏览器不支持HTML5 draw(){ ); canvas.height=470; canvas.width=240; ); context.fillStyle ; context.fillRect(, canvas.width, canvas.height); [ {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, ]; ; ; ) { y+=30; colors[i]; //alert(color.title+" -" + color.name+" -" + color.hex) context.font; context.fillStyle=color.name; context.fillText(color.title color.hex ,x,y); } };

2017年9月5日09:02:35

标签:                           

原文:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 最新WebAPP设计指南规范:适配iphone6技巧 25学堂

    最新WebAPP设计指南规范:适配iphone6技巧 25学堂

    2015-10-17 11:13

网友点评