แปลง code html เป็น image แต่ไม่แสดงผลลัพธ์

พูดคุยแลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework jQuery และ Node.JS รวมถึง Framework Express ของ Node.JS ทำงานฝั่ง Server

Moderator: mindphp

ภาพประจำตัวสมาชิก
bankjittapol
PHP Super Member
PHP Super Member
โพสต์: 344
ลงทะเบียนเมื่อ: 21/10/2019 10:19 am

แปลง code html เป็น image แต่ไม่แสดงผลลัพธ์

โพสต์ที่ยังไม่ได้อ่าน โดย bankjittapol »

แปลง code html เป็น image แต่ไม่แสดงผลลัพธ์

แผนการเล่น ที่เป็น code
รูปภาพ

ผลลัพธ์ เมื่อแปลงได้ จะแสดงในนี้เป็น .png
รูปภาพ


library ที่ใช้
https://github.com/pbakaus/domvas


code แสดง แผนการเล่น

โค้ด: เลือกทั้งหมด

      <div class="drag-container" align="center" >
                <?php $getyourid =  $_GET['id']; 
                $sql_opt_position = "SELECT * FROM $datalineup_logs AS lo
                LEFT JOIN $datalineup_player AS play ON lo.logs_team_id = play.team_id
                LEFT JOIN $datalineup_position AS posit ON lo.logs_plan_id = posit.plan_id
                WHERE play.play_position = posit.pst_posit AND lo.lineup_id = $getyourid ";
                $result_logs = mysqli_query($con, $sql_opt_position);
                while ($rowlogs = mysqli_fetch_assoc($result_logs)){
                  $laplyname = ($lang=='th') ? $rowlogs['play_name_th'] : $rowlogs['play_name_en'];
                    ?>
                  <div class="draggable" data-toggle="modal" data-target="#myModal"
                  style="transform: translate(<?php echo $rowlogs['pst_x'].'px'; ?> ,
                  <?php echo $rowlogs['pst_y'].'px'; ?>);"
                  data-x="<?php echo $rowlogs['pst_x']; ?>"
                  data-y="<?php echo $rowlogs['pst_y'];?>">
                  <img  src="player_image/<?php echo $rowlogs['play_img'];?>" style="width:80px" alt="<?php echo $laplyname; ?>">
                  <h4><span class="badge badge-secondary" ><?php echo $laplyname; ?> <?php echo $rowlogs["play_num"]; ?></span></h4>
                </div>
<?php } ?>
</div>
code แปลง

โค้ด: เลือกทั้งหมด

<canvas id="test" width="500px" height="700px" ></canvas>

<script src="src/domvas.min.js"></script>
<script src="src/domvas.js"></script>

$(document).ready(function(){

  var canvas = document.getElementById("test");
  var context = canvas.getContext('2d');

  domvas.toImage(document.getElementsByClassName("drag-container"), function() {
    context.drawImage(this, 20, 20);
      });
    });

แก้ไขล่าสุดโดย bankjittapol เมื่อ 12/11/2019 5:01 pm, แก้ไขไปแล้ว 1 ครั้ง.
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41131
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: แปลง code html เป็น image แต่ไม่แสดงผลลัพธ์

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

library ตัวนี้ไม่มีการ update มา 7 ปีแล้ว
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
bankjittapol
PHP Super Member
PHP Super Member
โพสต์: 344
ลงทะเบียนเมื่อ: 21/10/2019 10:19 am

Re: แปลง code html เป็น image แต่ไม่แสดงผลลัพธ์

โพสต์ที่ยังไม่ได้อ่าน โดย bankjittapol »

mindphp เขียน:library ตัวนี้ไม่มีการ update มา 7 ปีแล้ว
รับทราบครับ ขอบคุณมากครับ
ภาพประจำตัวสมาชิก
bankjittapol
PHP Super Member
PHP Super Member
โพสต์: 344
ลงทะเบียนเมื่อ: 21/10/2019 10:19 am

Re: แปลง code html เป็น image แต่ไม่แสดงผลลัพธ์

โพสต์ที่ยังไม่ได้อ่าน โดย bankjittapol »

ใช้ web service แทนครับ
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41131
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: แปลง code html เป็น image แต่ไม่แสดงผลลัพธ์

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ลองดู ตัวช่วย

เราแค่สร้างหน้าจอด้วย html,css,javascript แล้วส่งให้ Web Service ตัวนี้ทำงานให้ได้
แล้วผลที่ได้จาก Web Service ตัวนี้ บันทึกลงใน Server และ ฐานข้อมูลของเราต่อเอง
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 39