javascript似乎並沒有在if語句中創建假圈,else echo。我寫錯了順序的JavaScript?我知道它不是PHP,因爲正確的div顯示在源代碼中。javascript似乎並沒有創建假圈
</style>
<script>
window.onload = function() {
//uetr circle
var canvas = document.getElementById("Canvas");
var context = canvas.getContext("2d");
var centerX = canvas.width/2;
var centerY = canvas.height/2;
var radius = 70;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "#00FF7F";
context.fill();
context.lineWidth = 5;
context.strokeStyle = "black";
context.stroke();
//false circle
var canvas = document.getElementById("Canvas1");
var context = canvas.getContext("2d");
var centerX = canvas.width/2;
var centerY = canvas.height/2;
var radius = 70;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "#B0171F";
context.fill();
context.lineWidth = 5;
context.strokeStyle = "black";
context.stroke();
};
</script>
</head>
<body>
<?php
$visible = true;
if($visible){
echo "<div id='unhidden'><canvas id='Canvas' width='578' height='200'></canvas></div>";
}
else{
echo "<div id='hidden'><canvas id='Canvas1' width='578' height='200'></canvas></div>";
}
?>
</body>
</html>
在你的if語句,你的畫布對各行不同的ID - 我第一個想到的應該是'Canvas1 '以匹配第二個和javascript參考。 – andrewsi