課程
/前端開發(fā)
/Html5
/Canvas 繪制時(shí)鐘
只有那個(gè)畫布呀π_π，出來效果圓啊，各位拜托拜托?。。。?！謝謝謝謝
2017-03-08
源自：Canvas 繪制時(shí)鐘 3-2
正在回答
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>canvas clock</title>
<style>
div{
text-align: center;
margin-top: 250px;
}
#clock{
border:10px solid #ccc;
</style>
</head>
<body>
<div>
<canvas id="clock" height="400px" width="400px"></canvas>
</div>
</body>
<script>
var dom = document.getElementById("clock");
var ctx = dom.getContext('2d');
var width = ctx.canvas.width;
var height = ctx.canvas.height;
var r = width / 2;
function drawBackground(){
"use strict";
ctx.translate(r,r);
ctx.beginPath();
ctx.lineWidth = 10;
ctx.arc(0,0,r-5,0,2*Math.PI,false);
ctx.stroke();
drawBackground()
</script>
</html>
這是按你的代碼基本一摸一樣打的 我是可以出來的 ?你可以復(fù)制去試試 ? 不行那就換瀏覽器 火狐或者chrome
cutecat1234567890_ 提問者
我愛吃牛排 回復(fù) cutecat1234567890_ 提問者
麻煩再幫我看下π_π
你最后一句drawBackground()的意思是調(diào)用這個(gè)函數(shù) 但是你并沒有定義這個(gè)函數(shù) ?你把window.onload = 去掉?
Math.PI不能小寫
這是代碼-_-||
ie9以下的不支持哦
cutecat1234567890_ 提問者 回復(fù) 我愛吃牛排
舉報(bào)
canvas畫出漂亮的時(shí)鐘，通過本教程能重新掌握一些幾何知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-03-09
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>canvas clock</title>
<style>
div{
text-align: center;
margin-top: 250px;
}
#clock{
border:10px solid #ccc;
}
</style>
</head>
<body>
<div>
<canvas id="clock" height="400px" width="400px"></canvas>
</div>
</body>
<script>
var dom = document.getElementById("clock");
var ctx = dom.getContext('2d');
var width = ctx.canvas.width;
var height = ctx.canvas.height;
var r = width / 2;
function drawBackground(){
"use strict";
ctx.translate(r,r);
ctx.beginPath();
ctx.lineWidth = 10;
ctx.arc(0,0,r-5,0,2*Math.PI,false);
ctx.stroke();
}
drawBackground()
</script>
</html>
這是按你的代碼基本一摸一樣打的 我是可以出來的 ?你可以復(fù)制去試試 ? 不行那就換瀏覽器 火狐或者chrome
2017-03-09
麻煩再幫我看下π_π
2017-03-09
你最后一句drawBackground()的意思是調(diào)用這個(gè)函數(shù) 但是你并沒有定義這個(gè)函數(shù) ?你把window.onload = 去掉?
2017-03-09
Math.PI不能小寫
2017-03-09
這是代碼-_-||
2017-03-09
ie9以下的不支持哦