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

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

User avatar
bankjittapol
PHP Super Member
PHP Super Member
Posts: 344
Joined: 21/10/2019 10:19 am

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

Post by bankjittapol » 12/11/2019 4:44 pm

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

แผนการเล่น ที่เป็น code
Image

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


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


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

Code: Select all

      <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 แปลง

Code: Select all

<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);
      });
    });

Last edited by bankjittapol on 12/11/2019 5:01 pm, edited 1 time in total.

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22520
Joined: 22/09/2008 6:18 pm
Contact:

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

Post by mindphp » 12/11/2019 4:57 pm

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

User avatar
bankjittapol
PHP Super Member
PHP Super Member
Posts: 344
Joined: 21/10/2019 10:19 am

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

Post by bankjittapol » 12/11/2019 5:00 pm

mindphp wrote:library ตัวนี้ไม่มีการ update มา 7 ปีแล้ว
รับทราบครับ ขอบคุณมากครับ

User avatar
bankjittapol
PHP Super Member
PHP Super Member
Posts: 344
Joined: 21/10/2019 10:19 am

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

Post by bankjittapol » 12/11/2019 8:08 pm

ใช้ web service แทนครับ

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22520
Joined: 22/09/2008 6:18 pm
Contact:

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

Post by mindphp » 13/11/2019 5:29 am

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

เราแค่สร้างหน้าจอด้วย 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

Post Reply

Return to “JavaScript & Jquery Ajax”

Users browsing this forum: No registered users and 6 guests