Question

我试图在画布中插入这个h1。但它没有表现出来。无论如何要在画布中集成w3school html而不使用easeljs程序创建文本。我在画布里面添加了这个。

  <body onload="init();" style="background-color:#D4D4D4">
<canvas id="canvas" width="550" height="300" style="background-color:#ffffff">
            <h1>  i like this </h1>
            </canvas>


     <script>
        function init() {
            canvas = document.getElementById("canvas");
            exportRoot = new lib.Untitled1();

            stage = new createjs.Stage(canvas);
            stage.addChild(exportRoot);

            stage.update();

            createjs.Ticker.setFPS(24);
            createjs.Ticker.addEventListener("tick", stage);
        }
        </script>
        </head>

        <body onload="init();" style="background-color:#D4D4D4">
<canvas id="canvas" width="550" height="300" style="background-color:#ffffff">
            <h1>  i like this </h1>
            </canvas>

Answer 1

canvas标记的子元素被视为替代内容，如果浏览器支持canvas标记，则不会显示。

由于您已经在使用createjs，因此可以通过createjs text object添加文本。这是文档中的一个示例。

var text = new createjs.Text("Hello World", "20px Arial", "#ff7700");
text.x = 100;
text.textBaseline = "alphabetic";
stage.addChild(text);
stage.update();

或者，您可以将html文本元素放在canvas标记的顶部，并使用css here进行定位。

在flash cc createjs中集成html：不创建createjs文本。是可以整合？

1 个答案: