|
 |
| |
อยากถามเรื่องการวนลูปแสดงค่าข้อมูลจาก db บน casvas ค่ะ |
| |
 |
|
|
 |
 |
|
คืออยากจะวนลูปเรียกค่าจาก db มาแสดงบน canvas ค่ะ
โดยค่าที่เรียกมาก็จะเป็นตำแหน่งจุดที่จะแสดงบน canvas เป็น x,y นะคะ
ลองเขียนแล้วแต่มันแสดงแค่จุดเดียว มันเขียนแบบนี้ได้ไหมค่ะ?? ใครพอรู้ ช่วยหน่อยนะคะ
ขอบคุณค่ะ
Code (JavaScript)
<canvas id="myCanvas" width="<? echo $b?>" height="<? echo $a?>"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var imageObj = new Image();
<?
$z=0;
while($r=mysql_fetch_array($Recordset1)){
$point_x[$z]=$r['point_x'];
$point_y[$z]=$r['point_y'];
$point_num[$z]=$r['point_num']; ?>
imageObj.onload = function() {
ctx.drawImage(imageObj, 0 ,0,<?=$b?>,<?=$a?>);
ctx.fillStyle = "red";
ctx.fillRect(<?=$point_x[$z] ?>,<?=$point_y[$z] ?>,3.5,3.5);
ctx.font = "20px Georgia";
ctx.fillText("<?=$point_num[$z] ?>",<?=$point_x[$z] ?>,<?=$point_y[$z] ?>);
ctx.font = "30px Verdana";
};
imageObj.src='img-bee/<?php echo $name_img ?>';
<? $z=$z+1;} ?>
</script>
Tag : - - - -
|
ประวัติการแก้ไข
2015-04-22 00:32:13
2015-04-22 00:32:14
|
 |
 |
 |
 |
| Date :
2015-04-22 00:04:36 |
By :
mimimi |
View :
1168 |
Reply :
5 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ปกติค่า property มันควรจะเป็นอะไรครับ เผื่อจะได้ช่วยเขียนให้ครับ
|
| |
|
|
| |
| Date :
2015-04-23 09:50:47 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
 เอามาแชร์ด้วยก็ดีครับ
|
| |
|
|
| |
| Date :
2015-04-24 09:37:50 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
อันนี้คือโค้ดที่ทำงานได้แล้วนะคะ ไม่มีไรมากค่ะมองจุดพลาดไปนิดเดียวลูปมันอยู่นอก functin ค่ะ 
<center><canvas id="myCanvas" width="<? echo $b?>" height="<? echo $a?>"></canvas> </center>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var imageObj = new Image();
imageObj.onload = function() {
ctx.drawImage(imageObj, 0 ,0,<?=$b?>,<?=$a?>);
ctx.fillStyle = "red";
<?
$z=0;
while($r=mysql_fetch_array($Recordset1)){
echo $point_x[$z]=$r['point_x'];
echo $point_y[$z]=$r['point_y'];
echo $point_num[$z]=$r['point_num'];
?>
ctx.fillRect(<?=$point_x[$z] ?>/2,<?=$point_y[$z] ?>/2,3.5,3.5);
ctx.font = "16px Georgia";
ctx.fillText("<?=$point_num[$z] ?>",((<?=$point_x[$z] ?>/2)-10),((<?=$point_y[$z] ?>/2)-10));
<? $z=$z+1;} ?>
};
imageObj.src='img-bee/<?php echo $name_img ?>';
</script>
|
| |
|
|
| |
| Date :
2015-04-27 00:33:47 |
By :
mimimi |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
จัดไปครับ
|
| |
|
|
| |
| Date :
2015-04-27 10:17:01 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
