我正在尝试将此h1插入canvas中。但没有显示。无论如何将w3school html集成到画布内而无需使用easyljs过程创建文本。我在画布上添加了这个。
<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>
最佳答案
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();
另外，您可以使用讨论的步骤，使用CSS将html文本元素放置在canvas标记上方。
关于javascript - 在flash cc createjs中集成html:不创建createjs文本。有可能整合吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37562014/