<分区>
要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用，以及预期结果。另请参阅:Stack Overflow question checklist
关闭 9 年前。
标签 javascript html css canvas
<分区>
要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用，以及预期结果。另请参阅:Stack Overflow question checklist
关闭 9 年前。
我的学习有问题。我想制作一个定制衬衫网站。我有一个初学者代码如下
如果你知道如何将带按钮的图像上传到衬衫 Canvas 中，并用按钮改变衬衫颜色，请教我，谢谢，抱歉我的英文不好^^
<html>
<head>
<title>HTML5 Canvas example</title>
<script type="text/javascript">
window.addEventListener('load', function () {
var element = document.getElementById('myCanvas');
if (!element || !element.getContext) {
return;
}
var context = element.getContext('2d');
if (!context || !context.drawImage) {
return;
}
context.fillStyle = '#CC5422'; // set canvas background color
context.fillRect (0, 0, 350, 350); // now fill the canvas
// create amd draw the branding image for the qr-code
var Shirt = new Image();
Shirt.addEventListener('load', function () {
context.drawImage(this, 35, 25, 275, 275);
},false);
Shirt.src = "men_shirt_front.png";
},false);
</script>
</head>
<body>
<div style="padding:35px;">
<canvas id="myCanvas" width="350" height="350">
Your browser does not support HTML5 Canvas element.
</canvas>
</div>
</body>
</html>
最佳答案
希望你正在努力学习，你可以开始使用下面的脚本，
使用“点击上传”来上传文件
<script type="text/javascript">
var uploader = document.getElementById('uploader');
/**
* UPLOAD SCRIPT
* This script uses the UploadAtClick library to upload files on a webserver folder
* using a PHP script ("upload/upload.php")
* Project homepage: http://code.google.com/p/upload-at-click/
*/
upclick(
{
element: uploader,
action: 'upload/upload.php',
onstart:
function(filename)
{
//alert('Start upload: '+filename);
},
oncomplete:
function(response_data)
{
// Check upload Status
if (response_data != "FAIL") {
// Draw the picture into Canvas
// "response_data" contains the image file name returned from the PHP script
displayPicture("upload/" + response_data);
}
}
});
上传 PHP 脚本
<?php
$tmp_file_name = $_FILES['Filedata']['tmp_name'];
$ok = move_uploaded_file($tmp_file_name, $_FILES['Filedata']['name']);
// This message will be passed to 'oncomplete' function
echo $ok ? $_FILES['Filedata']['name'] : "FAIL";
?>
关于javascript - 如何将带有按钮的图像上传到 Canvas 中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20135749/