Simple Flash re-writes & placing them on a page ...

New Here ,
Sep 21, 2019 Sep 21, 2019

Copy link to clipboard

Copied

... have a main header "image" on the following page:

www.flydutch.net

Am trying to replace "it" with the HTML5 construct that Canvas/Animate(?) has made ...

I have 3 (three) files (.fla; .html; .js) > how do these inter-relate?

How does the <div></div> in Dreamweaver get re-built to replace the .swf construct placement?

Views

178

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Sep 21, 2019 Sep 21, 2019
Your current XHTML document needs to be re-coded with the HTML5 doc type.  See basic code example below.    <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>HTML5 Canvas</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> #myCanvas { width: 80%; position: relative; top: 0; left: 10%; border: 2px double brown; background: antiquewhite; } </style> </head> <body> <canvas id="myCanvas"> </can...

Likes

Translate

Translate
Adobe Community Professional ,
Sep 21, 2019 Sep 21, 2019

Copy link to clipboard

Copied

LATEST

Your current XHTML document needs to be re-coded with the HTML5 doc type.  See basic code example below.   


<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML5 Canvas</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#myCanvas {
width: 80%;
position: relative;
top: 0;
left: 10%;
border: 2px double brown;
background: antiquewhite;
}
</style>
</head>
<body>
<canvas id="myCanvas"> </canvas>
<script>
//Canvas JavaScript
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.font = "40px Arial";
ctx.strokeText("Hello World", 50, 50); 
</script>
</body>
</html>

 

For more specific guidance, ask in the Animate CC forum.

https://community.adobe.com/t5/Animate/bd-p/animate

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines