flash cc createjsの中にhtmlを組み込む：createjsテキストを作成しない。統合が可能ですか？

私はこのh1をキャンバスの内側に挿入しようとしていました。それは表示されません。とにかくeaseljs手続きを使ってテキストを作成せずにw3school htmlをキャンバスの中に統合する。私はこれを内側のキャンバスに追加しました。flash cc createjsの中にhtmlを組み込む：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でテキストを追加できます。以下は、ドキュメントの例です。 hereを議論したように

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

また、あなたはCSSでキャンバスタグの上にHTMLテキスト要素を配置することができます。

出典

2016-06-01 14:33:38 Andrew

説明：HTML *でキャンバスの中に入れた要素は有効です。実際にはブラウザで処理されますが、キャンバス要素がブラウザでサポートされていない場合は表示されません。これらのブラウザでは、子要素を使用して「キャンバスはサポートされていません」というメッセージを表示するコード例がオンラインで多数あります。 – Lanny

@Lanny、良い点。明確化を含むように編集されました。 – Andrew

flash cc createjsの中にhtmlを組み込む：createjsテキストを作成しない。統合が可能ですか？

答えて

関連する問題