Nö -einfach übersehen.
[{ "id":Label-1",
"name":"Label 1",
"kn": true,
[COLOR="#008000"]"const": [
{
[COLOR="#FF0000"]"text": "dataService.getText(0)", // Problemkind, das sollte am Ende so aussehen-> text: dataService.getText(0)[/COLOR]
"font": "sourcesanspro",
"align": "txt.Align.CENTER_MIDDLE",
"x": 90,
...
},[/COLOR]
...
}, ...][COLOR="#FF0000"]// objekt erstellung hard-coded -> [/COLOR]
textArray.push(new txt.CharacterText(
{
[COLOR="#008000"]text: dataService.getText(0), [COLOR="#FF0000"]// das wird in meiner Variante als text: "dataService.getText(0)" ausgegeben und nicht als text: dataService.getText(0)[/COLOR] [/COLOR]
font: 'sourcesanspro',
align: txt.Align.CENTER_MIDDLE,
x: 90,
...
}
));
[COLOR="#FF0000"]// ich setzt constructor als Objekt ein ->[/COLOR]
textArray.push(new txt.CharacterText( [COLOR="#008000"]constructor[/COLOR] )); // funktioniert - bis auf das Problemkind
{
x: 0.0000,
y: 0.0000,
flipped: false,
lineHeight: 10,
singleLine: true,
autoReduce: true,
font: 'lobster',
size: 60,
strokeColor: '#000',
strokeWidth: 1,
fillColor: '#fff',
valign: txt.VerticalAlign.Bottom,
start: -52.359875,
end: -575.958625,
align: txt.PathAlign.Center,
[COLOR="#008000"]path: circle(250, 250, 200)[/COLOR], // wichtig dass diese funktion aufgerufen wird
debug: true,
tracking: 0
}function loadJS() {
js2load = "extern.js";
return $http({
method: 'GET',
url: js2load
});
...
loadJS()
.then(function(event) {
console.log("then " + Object.keys(event)); // = data,status,headers,config,statusText
console.log("then " + event.data); // event.data = undefined ??
})
...
Externe js:
var geladen = {
text: 'Hallo',
zahl: 10,
path: circle(250, 250, 200)
};Hi!
function initCanvas() {
canvas = angular.element(document.getElementById('my-canvas'));
stage = new createjs.Stage(canvas[0]);
imageObject = new Image();
imageObject = dataService.getImage();
image = new createjs.Bitmap(imageObject);
textArray = [];
[COLOR="#008000"] constArray = dataService.getConstructor(); // [COLOR="#FF0000"]Holt sich das geladene Objekt aus dataService[/COLOR]
constArray[0].text = dataService.getText(0); // [COLOR="#FF0000"]habe auch versucht schon während des Ladens die Funktion dataService.getText(i) zuzuweisen[/COLOR]
constArray[1].text = dataService.getText(1); // [COLOR="#FF0000"]hat aber nicht funktioniert[/COLOR]
constArray[2].text = dataService.getText(2); // [COLOR="#FF0000"]da zum Zeitpunkt des Ladens dataService.getText(i) noch nicht vorhanden[/COLOR]
constArray[3].text = dataService.getText(3); // [COLOR="#FF0000"]-- vielleicht doch machbar ?[/COLOR] [/COLOR]
textArray.push(new txt.CharacterText( constArray[0] )); [COLOR="#008000"]// <- so ist's geplant..funktioniert , aber nur wenn kein path vorhanden ist[/COLOR]
// so sieht der Aufruf "normal" aus ->
textArray.push( new txt.PathText({
text: dataService.getText(1),
...
[COLOR="#008000"]path: circle(250, 250, 200), // berechnet kreis im MoveTo - Format[/COLOR]
...
}));{
"text": {"type": "getText", "index": 0},
"zahl": 10,
"path": {"type": "circle", "x": 250, "y": 250, "r": 200}
};[
{ "id":"Label-1",
...
"construktor": [
{
... [COLOR="#FF0000"]// kein path benötigt -> kein temp[/COLOR]
},
{
...
[COLOR="#FF0000"] "temp":{ "x": 250, "y": 250, "r": 200},
"path": "",[/COLOR]
...
},
{
... [COLOR="#FF0000"]// kein path benötigt -> kein temp[/COLOR]
}
]
}, { "id":"Label-2",...}, { "id":"Label-3",...}, .... labels.forEach( function (array) [COLOR="#008000"]// für jedes Element im labels Array[/COLOR]
{
array.construktor.forEach( function (array) [COLOR="#008000"]// für jedes Element im construktor Array[/COLOR]
{
if (typeof array.temp != "undefined")
/* [COLOR="#FF0000"]Fehler -> [/COLOR]
array.path = 'M ' + array.temp.x + ' ' + array.temp.y + ' ' +
'm ' + -array.temp.r + ',0 ' +
'a ' + array.temp.r + ',' + r + ' 0 1,0 ' + (array.temp.r * 2) + ',0 ' +
'a ' + array.temp.r + ',' + array.temp.r + ' 0 1,0 ' + (-array.temp.r * 2) + ',0 Z';
*/
// array.path = circle(array.temp.x,array.temp.y,array.temp.r); [COLOR="#FF0000"]// Fehler[/COLOR]
[COLOR="#008000"]console.log("YEAH! array.temp vorhanden"); // wird nur aufgerufen wenn array.temp vorhanden -> passt[/COLOR]
});
});Ja, ich weiß, was du meinst, und ich weiß auch, woran das liegt: du hast die geschweiften Klammern (also den Block) für das if vergessen. So wie du es geschrieben hast, beeinflusst das if nur die nächste Zeile.
if (false)
console.log("wird nicht ausgegeben");
console.log("wird ausgegeben");
if (false){
console.log("wird nicht ausgegeben");
console.log("wird auch nicht ausgegeben");
}