從數據庫中提取圖像以顯示在畫布中html5

-1

我想從數據庫中獲取圖像以顯示在畫布上，但它不起作用。沒有畫布上顯示。 Cana任何人都可以幫助我。從數據庫中提取圖像以顯示在畫布中html5

這是我的查詢代碼

<?php 
    $conn = mysqli_connect("localhost", "root", "root", "museum"); 

    $sql = "SELECT bgBNPage FROM general "; 

    $result = mysqli_query($conn, $sql); 
    while ($row= mysqli_fetch_array ($result)) 
    { 
    echo ('<img src="' . $row['bgBNPage'] . ' ">'); 
    } 
?>

這是我的畫布

<canvas id="bgCanvas" width="236" height="422" style="border:1px solid #000000; position:absolute; top:68px; left:38px;"> 
    <img id="logo2" src="<?php $row['bgBNPage'] ?>" > 
    Your browser does not support the HTML5 canvas tag. 
</canvas>

這是我的數據庫

來源

2017-02-28 Splicee

它不工作，因爲你是把一個img元素內 a canvas元素，這不是poss據我所知，就是這樣。

您可以刪除canvas或使用一點javascript來將image繪製到canvas上。

看看我的例子。

var canvas = document.getElementById('bgCanvas'); 
 
var context = canvas.getContext('2d'); 
 
var imageObj = new Image(); 
 

 
imageObj.onload = function() { 
 
    context.drawImage(imageObj, 0, 0); 
 
}; 
 
imageObj.src = 'http://htmlcolorcodes.com/assets/images/html-color-codes-color-tutorials-hero-00e10b1f.jpg';

<canvas id="bgCanvas" width="236" height="422" style="border:1px solid #000000; position:absolute; top:68px; left:38px;"> 
 
    Your browser does not support the HTML5 canvas tag. 
 
</canvas>

來源

2017-02-28 14:55:53 dschu

我能做到像下面這樣的東西。我可以將任何圖像放入畫布中，但無法從數據庫獲取圖像以在畫布上顯示。我不知道從數據庫中獲取圖像的html5語法在canvas中顯示 – Splicee

據我所知，沒有可用於將圖像追加到畫布的XML語法。你被迫爲這種東西使用JavaScript。 – dschu

是的支持你的第一個陳述會引用[MDN文檔]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas）的來源：**允許的內容** ['

從數據庫中提取圖像以顯示在畫布中html5

回答

相關問題