Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : Gioacchino Cipriano 14 Apr 2014, 17:09:37
-
Ciao a tutti,
ho una pagina canvas HTML5 per un'animazione.
L'HTML5 ha la seguente struttura:
<head>
<meta charset="UTF-8">
<title>TestCanvas</title>
<script src="http://code.createjs.com/easeljs-0.7.0.min.js"></script>
<script src="http://code.createjs.com/tweenjs-0.5.0.min.js"></script>
<script src="http://code.createjs.com/movieclip-0.7.0.min.js"></script>
<script src="http://code.createjs.com/preloadjs-0.4.0.min.js"></script>
<script src="TestCanvas.js"></script>
<script>
var canvas, stage, exportRoot;
function init() {
canvas = document.getElementById("canvas");
images = images||{};
var loader = new createjs.LoadQueue(false);
loader.addEventListener("fileload", handleFileLoad);
loader.addEventListener("complete", handleComplete);
loader.loadManifest(lib.properties.manifest);
}
function handleFileLoad(evt) {
if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
}
function handleComplete() {
exportRoot = new lib.TestCanvas();
stage = new createjs.Stage(canvas);
stage.addChild(exportRoot);
stage.update();
createjs.Ticker.setFPS(lib.properties.fps);
createjs.Ticker.addEventListener("tick", stage);
}
</script>
<style>
body {
margin: 0;
padding: 0;
}
#canvas {
position: absolute;
width: 100%;
/*height: 100%; */
overflow: hidden;
}
</style>
</head>
<body onload="init();" style="background-color:#D4D4D4">
<canvas id="canvas" width="1010" height="400" style="background-color:#999999"></canvas>
</body>Non riesco/non so come inserire la parte relativa all'<head> e come dare l'onload al body con le relative istruzioni/attributi.
Sto sclerando.
Avete qualche idea?
Grazie.
-
Up. :-[
Non c'è proprio possibilità di risolvere questo problema?
Qualche link?
Grazie.
-
Se non specifichi l'uso fai sclerare anche chi potrebbe aiutarti, dicci in quale contesto la devi utilizzare e per fare cosa.
-
Se non specifichi l'uso fai sclerare anche chi potrebbe aiutarti, dicci in quale contesto la devi utilizzare e per fare cosa.
pensavo fosse sufficiente dire. ho una pagina canvas HTML5 per un'animazione.
L'HTML5 ha la seguente struttura...
ma vedo di spiegarmi meglio.
Tramite software di animazione che non posso citare perché a pagamento, e che è stato alla lunga usato per le animazioni e che su tablet che non usano Android ma un altro S.O. non è supportato ecc. ho generato un animazione html5 che mi produce l'html inserito sopra e che sfrutta il tag html5 canvas e script createjs ecc..
Quindi dovrei inserire questa animazione all'interno di un sito Joomla, ho provato diversi modi:
iframe, ma non si ridimensiona sui tablet/smartphone
plugin: include html, ma non funziona
-
Ecco, dici all'interno di un sito ma come, in un articolo, nell'index del template, in un modulo html? Inoltre se lo esegui al di fuori di joomla funge?
-
Ecco, dici all'interno di un sito ma come, in un articolo, nell'index del template, in un modulo html? Inoltre se lo esegui al di fuori di joomla funge?
al di fuori funge.
All'interno di joomla, va bene come articolo o come modulo o come qualsiasi altro modo.
Ideale sarebbe come articolo, ma anche modulo che è più semplice posizionare.
Ciao.
-
Hai un richiamo a TestCanvas.js che dovresti adattare a seconda ove posizioni lo script. E poi credo che dovresti pure disattivare ogni editor.
-
Hai un richiamo a TestCanvas.js che dovresti adattare a seconda ove posizioni lo script. E poi credo che dovresti pure disattivare ogni editor.
Allora ho fatto così: ho duplicato il template dove nell'head ho inseriti i link ai js compreso ilTestVanvas.js compreso e le chiamate alle funzioni e nel body ho aggiunto l'onload.
Il template lo assegno alla voce di menu.
Nell'articolo inseriscono il tag canvas.
Il tutto funziona ma non sì adatta ai device. ovvero se apro il file l'html originale da un iPad il canvas sì dimensione allo schermo mentre aprendo l'articolo no.
Lunedì faccio altre prove.
Poi faccio sapere.
Ciao