html5canvas大转盘的简单介绍

quotimg3quotvar canvas = documentcreateElementquotcanvasquot， context = canvasgetContextquot2dquotcanvaswidth = img1naturalWidth + img2naturalWidthcanvasheight = Mathmaximg1naturalHeight。

一定要用canvas吗这里给你一个代码，看看能不能参考一下，有必要你模仿着改成canvas咯上代码图片自己找一张lthtml lthead ltstyle rotate_img margin 100px ltstyle lthead ltbody ltbutton on。

一款JS+html5转盘抽奖代码网页特效，该特效代码基于html5 canvas技术实现，点击开始旋转按钮，转盘就会快速旋转，停止旋转后，所在区域就是中奖项目奖项可以自定义请用支持HTML5+CSS3主流浏览器预览效果兼容测试FireFox。

1常用面板中插入一个ActiveX插件，并调整大小 2选中ActiveX插件，在属性面板中的classid中输入如下代码注意大小写一个也不能错3单击“参数“在参数项下填写filename原样输入，在值项下输入文件名，如mo。

Cavas的英文解释是画布，使用这个Html5的Canvas标签可以创建画布，结合JavaScript可以画出很多图形，我们先以画一个蓝色矩形为例，说明一下这个标签的使用方法，首先需要建立一个HTML5的网页，方法是进入DW后，选择文件。

比如有一个 元素，可以直接用jquery增加click事件$#39#p1#39clickfunctionhellipquot然而这种DOM处理方法在HTML5的Canvas里不再适用，Canvas使用的是另外一套机制，无论在Canvas上绘制多少图形，Canvas都是一个整体。

以画布的中心为原点，判断手指在画布中的坐标，算出角度，然后根据角度画圆如果你不是用在手机，还可以用html5的拖放效果来实现。

1在canvas上创建填充图形包括图片文字规则图形和复杂路径组成图形2给图形填充渐变颜色 3组合图形包括组合图形图形文字图片等4设置图形动画集用户交互 5生成JSON，SVG数据等 3使用实现用到的API 1声明。