Question

我正在尝试进行预览结帐，您可以使用图片上的自定义文字预览项目，但我甚至无法显示图片或文字。这是我到目前为止的代码......

<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>

Answer 1

你必须有canvas标签而不是div并给它高度和宽度

<canvas id="myCanvas"  width="578" height="400"></canvas>

将文本放在图像，文本和图像上不显示

1 个答案: