Html 从数据库获取画布的动态高度、宽度和颜色

我有一个MSSQL数据库。如何从该数据库获取和分配高度、宽度和颜色属性。

要连接Mysql数据库，请使用PHP

试试这个，我希望这个代码能帮助你

<canvas id="myCanvas" width="900" height="50" style="border:1px solid #d3d3d3;">Your browser does not support the HTML5 canvas tag.</canvas>

<script>    
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 150, 50);
</script>

ASP.NET和C与SQL

C

ASP

---

你能告诉我们到目前为止你做了什么吗？另外，数据库中的哪些表和字段将用于获取高度、宽度和颜色？我希望在asp.net中连接，我的表的高度、宽度属性为float，颜色属性为varchar50。我希望在asp.net中连接，我的表的高度，宽度属性为float，颜色为varchar50，所以您希望在asp.net和cvar c=document.getElementByIdmyCanvas中完成此程序；var ctx=c.getContext2d；ctx.fillStyle=prod1color；ctx.fillRectprod1tail，0，prod1head，50；prod1color是一个字符串，我正在从数据库中获取它，但该颜色不是var c=document.getElementByIdmyCanvas；var ctx=c.getContext2d；颜色=绿色；ctx.fillStyle=颜色；ctx.20、20、150、100；使用十六进制代码或颜色名称更改颜色值

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql = "SELECT height, width, color FROM divsize";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {    
   //create a Canvas     
        echo '<canvas id="myCanvas" width="'.$row["width"].'" height="'.$row["height"].'" style="border:1px solid '.$row["color"].';">Your browser does not support the HTML5 canvas tag.</canvas><br>';        
    }
} else {    
 //create default canvas
    echo '<canvas id="myCanvas" width="900" height="50" style="border:1px solid #d3d3d3;">Your browser does not support the HTML5 canvas tag.</canvas>';
}
$conn->close();
?>

try
{
    SqlConnection con = new SqlConnection("Connectionstring");
    string Query = "SELECT height,width,color FROM divsize";

    SqlCommand cmd = new SqlCommand(Query, con);

    var Result = cmd.ExecuteReader();

    if (Result.HasRows)
    {
       while (Result.Read())
       {
           Dynamicdiv.InnerHtml = "<div style='height:" + Result["height"].ToString() + "px;width:" + Result["width"].ToString() + "px;background-color:" + Result["color"].ToString() + ";'></div >";
       }
    }
    else
    {
       Dynamicdiv.InnerHtml = "<div style='height:100px;width:200px;background-color:red;'></div>";
    }
 }
 catch (Exception ex)
 {
    Response.Write(ex.Message);
 }

<div runat="server" id="Dynamicdiv"></div>