我正在尝试进行预览结帐,您可以在其中预览项目,并在图像上使用自定义文本,但我什至无法显示图像或文本。这是我到目前为止的代码...
<html>
<head>
<script>
window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var imageObj = new Image();
imageObj.onload = function(){
context.drawImage(imageObj, 10, 10);
context.font = "12pt Arial";
context.fillText("My TEXT!", 20, 20);
};
imageObj.src = "http://images.google.com/intl/en_ALL/images/srpr/logo11w.png";
};
</script>
</head>
<body>
<div id="myCanvas"></div>
</body>
</html>
最佳答案
你必须有canvas标签而不是div并给它高度和宽度
<canvas id="myCanvas" width="578" height="400"></canvas>
关于javascript - 将文本放在图像上,文本和图像不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20080346/