效果图:
源码:
<!DOCTYPE html>
<html>
<head>
<title>canvas操作文字实例之转盘</title>
<style>
canvas{
background:#ccc;
}
</style>
<script>
window.οnlοad=function(){
var canvas = document.getElementById("canvas");
var cobj = canvas.getContext("2d");
var btn = document.getElementById("btn");
cobj.translate(250,250);
var colorArr=["#ffff00","#6699ff","#cc9933","#999933","#006633","#333399","#33cc33","#00ffff"];
var textArr=["苹果6S","电脑","电视","冰箱","空调","洗衣机","宝马","摩托车"];
var num = Math.PI/180;
var angle=0;
var step=20+10*Math.random();
btn