繪製形狀與JavaScript - 形狀問題

所以我想使一個html5網站，使用JavaScript圖形。到目前爲止它的縫非常容易，但。繪製形狀與JavaScript - 形狀問題

如果我畫一個正方形，我會得到一個矩形。 50像素乘50像素不是方形？所以我試着和數字一起玩。我注意到，如果我將寬度加倍，我會得到更接近正方形的東西。所以我因子評分，這可能是becuse我的屏幕比例我查看的1920×1080

一項決議，我50" 屏幕上的頁面，也許我必須做數學題，讓我的最小二乘法擬合的屏幕比例。

但是，如果我畫一個圓我得到給爲中心，光線等等我怎麼想，讓我的圈子完美或接近？

使用

<!DOCTYPE html> 
<html lang="Fr"> 
<meta http-equiv="Content-type" content="text/html;charset=utf-8" /> 
<title>La Maison Repère</title> 
<meta name="geo.placename" content="St-Hubert, Québec, Canada" /> 
<meta http-equiv="X-UA-Compatible" content="chrome=1"> 
<link rel="stylesheet" media="all" href="lmr.css" /> 
<meta name="viewport" content="width=device-width" /> 

<SCRIPT type="text/javascript" SRC="js/jsDraw2D.js"> </SCRIPT> 
<SCRIPT type="text/javascript" SRC="js/jquery-1.7.2.js"> </SCRIPT> 



<body> 
<canvas id="graph"></canvas> 

<script type="text/javascript"> 

var c=document.getElementById("graph"); 
var ctx=c.getContext("2d"); 
var col1="FF0000"; 
ctx.fillStyle=col1; 
ctx.fillRect(0,0,50,50); 

function circle() 
{ 
    var canvas = document.getElementById("graph"); 
    var context = canvas.getContext("2d"); 
    context.beginPath(); 
    context.lineWidth="3"; 
    context.arc(50, 50, 90, 0, 2 * Math.PI, true); 
    context.stroke(); 
} 
circle(); 

</script> 

</body>

任何人的整個代碼IM知道什麼即時做錯了？

來源

2012-06-15 MadeInDreams

您還需要在JavaScript中設置畫布的寬度和高度。 – noob

omg非常感謝你我很喜歡跆拳道正在進行中！爲你的awnser獲得一些積分並且使其可以投票給它！ – MadeInDreams

您還需要在JavaScript中設置畫布的寬度和高度。

所以this不會，但this將工作。

來源

2012-06-15 15:49:33 noob

你會有什麼竅門讓這個圓圈看起來更好。我可以看到一點像素。有沒有辦法玩別名？ – MadeInDreams

其實沒有。順便說一句，它對我來說看起來很不錯（可能是瀏覽器，操作系統或圖形卡的具體情況）。 – noob

繪製形狀與JavaScript - 形狀問題

回答

相關問題