2016-06-01 2 views
0

Я пытался вставить этот h1 внутри холста. но это не показано. так или иначе, чтобы интегрировать w3school html внутри холста без создания текста с помощью процедуры easeljs. Я добавил это внутри холста.интегрировать html внутри flash 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> 
+0

В качестве продолжения, есть ли причина, по которой вы не добавляете текст во Flash и затем экспортируете? – Andrew

ответ

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 поверх холста тег с помощью CSS, как описано here.

+1

Одно пояснение: Элементы, которые вы помещаете внутри холста в HTML *, * действительны и фактически обрабатываются браузером, но не отображаются, если элемент canvas не поддерживается браузером. В Интернете есть много примеров кода, в которых используются дочерние элементы, чтобы показать сообщение «canvas not supported» в этих браузерах. – Lanny

+0

@ Lanny, хороший момент. Отредактировано, чтобы включить разъяснение. – Andrew

Смежные вопросы