您提供的信息很少,但這里簡要介紹了您需要的流程.

有關如何從客戶端到數據庫獲取設計信息的完整描述超出了Stackoverflow討論的范圍,但此示例應該讓您從所涉及的概念開始.

將畫布轉換為imageUrl

如果要將畫布內容保存為圖像,可以使用canvas.toDataURL(),它以.png格式返回畫布的DataURL.例如：

var canvas=document.getElementById("myCanvas");

var dataUrl=canvas.toDataURL();

使用AJAX帖子將dataUrl發送回您的服務器

$.ajax({

type: "POST",

url: "http://localhost/saveCanvasDataUrl.php",

data: {image: dataUrl}

})

.done(function(respond){console.log("done: "+respond);})

.fail(function(respond){console.log("fail");})

.always(function(respond){console.log("always");})

在PHP端,將傳入的dataURL保存到數據庫：

if(!isset($_POST["code"])){

die("Post was empty.");

}

$sql="insert into designs(image) values(:image)";

// INSERT with named parameters

$conn = new PDO('mysql:host=localhost;dbname=myDB', "root", "myPassword");

$stmt = $conn->prepare($sql);

$stmt->bindValue(":image",$_POST["image"]);

$stmt->execute();

$affected_rows = $stmt->rowCount();

echo $affected_rows;

?>

另外…

總而言之,保存用戶創建的設計組件而不是該設計的圖像可能更有用.

創建一個包含有關設計的特定信息的javascript對象：

var item1={

product:"shirt",

color:"#d59211",

price:20,

text:"Default Text",

textX:243,

textY:181

}

使用JSON將該對象轉換為字符串

var item1Json=JSON.stringify(item1);

然后將有用的設計數據發布到數據庫而不是圖像.

總結

以上是生活随笔為你收集整理的php 画布插入图像,javascript – 如何在PHP中将html5画布图像保存到数据库的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。