Javascript Webworker Problem

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Javascript Webworker Problem

    Servus Leute,
    ich hoffe es geht in Ordnung das ich hier eine Javascript Frage stelle.
    Ich möchte gerne das document element an einem Worker schicken.
    geht das überhaupt ?
    Der Grund ist ich möchte Images erstellen im Worker und ausschneiden.
    hier einmal mein Code was ich bis her versucht habe:

    Quellcode

    1. function Application(mainWindow) {
    3. this.mainWindow = mainWindow;
    5. this.userAvatar = null;
    7. this.enemyAvartar = null;
    9. this.io = new IOController(mainWindow);
    11. this.selectMenu = null;
    13. this.helper = Helper;
    15. this.workerMethods = {
    17. userAvatar : 0,
    19. enemyAvatar : 1
    21. };
    23. }
    25. Application.prototype.avatarClicked = function(e) {
    27. if (!this.userAvatar) {
    29. this.userAvatar = e;
    31. // if (this.mainWindow.Worker) {
    33. // var w = new this.mainWindow.Worker("js/worker/createSpriteWorker.js");
    35. // w.postMessage(this);
    37. // }
    39. e.setAttribute("isActiv", "true");
    41. e.firstElementChild.style.opacity = 0.7;
    43. e.firstElementChild.style.backgroundColor = "blue";
    45. } else if (!this.enemyAvartar) {
    47. this.enemyAvartar = e;
    49. // if (this.mainWindow.Worker) {
    51. // var w = new this.mainWindow.Worker("js/worker/createSpriteWorker.js");
    53. // w.postMessage(this);
    55. // }
    57. e.setAttribute("isActiv", "true");
    59. e.firstElementChild.style.opacity = 0.7;
    61. e.firstElementChild.style.backgroundColor = "red";
    63. }
    65. };
    67. Application.prototype.loadGameSceen = function(contentid) {
    69. if (this.userAvatar != null && this.enemyAvartar != null) {
    71. this.selectMenu = this.mainWindow.document.getElementById(contentid);
    73. this.selectMenu.style.opacity = 1;
    75. this.removeElementWithAnimation(this.selectMenu);
    77. } else {
    79. alert("bitte wählen sie ihren spiler aus");
    81. }
    83. };
    85. Application.prototype.removeElementWithAnimation = function(element) {
    87. var app = this;
    89. setTimeout(function() {
    91. if (element.style.opacity != 0.0) {
    93. element.style.opacity = (element.style.opacity - 0.1);
    95. app.removeElementWithAnimation(element);
    97. } else if (element.style.opacity == 0) {
    99. element.remove();
    101. }
    103. }, 30);
    105. };
    Alles anzeigen