当前位置：首页 → 问答吧 → javascript+SVG+VML技术实现调色盘

javascript+SVG+VML技术实现调色盘

时间：2010-06-01

来源：互联网

原文链接
http://www.hellohtml5.com/2010/05/javascriptsvg.html

博文摘选
这个色盘是通过javascript控制svg或vml的DOM来实现的。 Raphaël是一个高
级的
javascript图形库，在执行javascript效率高的浏览器上，例如Chrome,执行时，
效果非常好。有人甚至用它做出了类似于CS枪战游戏的雏形
http://raphaeljs.com/scape/，如果你对计算机图形学感兴趣，那非常值得研究
一下这个库的源码。

要了解更多关于SVG(Scalable Vector Graphics)的技术，点
http://www.w3.org/Graphics/SVG/

要了解更多关于VML(Vector Markup Language)的技术，点
http://www.w3.org/TR/NOTE-VML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">  <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title>ColorWheel</title> <script src="http://media.hellohtml5.com/blogger/pages/colorwheel/raphael.min.js" type="text/javascript" charset="utf-8"></script> <script src="http://media.hellohtml5.com/blogger/pages/colorwheel/colorwheel.js" type="text/javascript" charset="utf-8"></script> <script> window.onload=function(){ var cw = Raphael.colorwheel(40, 20, 300); } </script> <style> html,body{background:#efefef;color:#666;margin:0;padding:0;text-align:center;font-family:Arial;} </style> </head> <body> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 sophiasmth 于 2010-6-1 15:07 编辑 ]