我正在尝试进行预览结帐,您可以使用图片上的自定义文字预览项目,但我甚至无法显示图片或文字。这是我到目前为止的代码......
<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>
答案 0 :(得分:2)
你必须有canvas标签而不是div并给它高度和宽度
<canvas id="myCanvas" width="578" height="400"></canvas>