在flash裏集成html cc createjs：不創建createjs文本。是否有可能整合？

我試圖在畫布中插入h1。但它不顯示。無論如何整合w3school html內的畫布，而不使用easeljs程序創建文本。我在畫布上添加了這個。在flash裏集成html cc createjs：不創建createjs文本。是否有可能整合？

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

來源

2016-06-01 Salma

作爲一個後續行動，是否有一些原因你不在Flash中添加文本然後導出？ – Andrew

畫布標籤的子元素被視爲替代內容，並且在瀏覽器支持畫布標籤時不會顯示。

由於您已經在使用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所討論here位置的HTML文本元素。

來源

2016-06-01 14:33:38 Andrew

澄清：HTML *中放置在畫布中的元素*有效，實際上由瀏覽器處理 - 但不顯示，除非瀏覽器不支持canvas元素。在線有很多代碼示例使用子元素在這些瀏覽器中顯示「畫布不受支持」消息。 – Lanny

@蘭尼，好點。編輯包括澄清。 – Andrew

在flash裏集成html cc createjs：不創建createjs文本。是否有可能整合？

回答

相關問題