{"action":"created","issue":{"url":"https://api.github.com/repos/pixijs/pixi.js/issues/2283","repository_url":"https://api.github.com/repos/pixijs/pixi.js","labels_url":"https://api.github.com/repos/pixijs/pixi.js/issues/2283/labels{/name}","comments_url":"https://api.github.com/repos/pixijs/pixi.js/issues/2283/comments","events_url":"https://api.github.com/repos/pixijs/pixi.js/issues/2283/events","html_url":"https://github.com/pixijs/pixi.js/issues/2283","id":126123389,"number":2283,"title":"Render upside down using WebGL on Safari","user":{"login":"holymonson","id":902012,"avatar_url":"https://avatars.githubusercontent.com/u/902012?v=3","gravatar_id":"","url":"https://api.github.com/users/holymonson","html_url":"https://github.com/holymonson","followers_url":"https://api.github.com/users/holymonson/followers","following_url":"https://api.github.com/users/holymonson/following{/other_user}","gists_url":"https://api.github.com/users/holymonson/gists{/gist_id}","starred_url":"https://api.github.com/users/holymonson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/holymonson/subscriptions","organizations_url":"https://api.github.com/users/holymonson/orgs","repos_url":"https://api.github.com/users/holymonson/repos","events_url":"https://api.github.com/users/holymonson/events{/privacy}","received_events_url":"https://api.github.com/users/holymonson/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/pixijs/pixi.js/labels/Type:%20Browser%20Bug","name":"Type: Browser Bug","color":"f7c6c7"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":12,"created_at":"2016-01-12T08:17:40Z","updated_at":"2016-09-24T17:46:06Z","closed_at":null,"body":"Hi, here is the situation:\r\n```js\r\nconst filmObj = _getFilmObj() /* draw obj somewhere else */\r\nconst renderer_1 = PIXI.autoDetectRenderer(width, height)\r\nrenderer_1.render(filmObj)\r\nconst filmTexture = new PIXI.Texture(new PIXI.BaseTexture(renderer_1.view))\r\nrenderer_1.destroy()\r\n\r\nconst artboardObj = new PIXI.Sprite(filmTexture)\r\nconst renderer_2 = PIXI.autoDetectRenderer(width, height)\r\nrenderer_2.render(artboardObj)\r\nconst artboardTexture =new PIXI.Texture(new PIXI.BaseTexture(renderer_2.view))\r\nrenderer_2.destroy()\r\n\r\n/* render artboardTexture somewhere else */\r\n```\r\nWhen test it on Safari (iOS / Mac OS X), `renderer_2.view` is fliped upside down against `filmObj`, while `renderer_1.view` is natural. It seems like `renderer_2` rendering incorrect coordinate on `renderer_1.view`. Would you please check if anything worng?\r\n\r\nAddtional Info:\r\n1. On Chrome (desktop / mobile) everything is fine;\r\n2. Using `CanvasRenderer` everything is fine too, even on Safari.\r\n"},"comment":{"url":"https://api.github.com/repos/pixijs/pixi.js/issues/comments/249377808","html_url":"https://github.com/pixijs/pixi.js/issues/2283#issuecomment-249377808","issue_url":"https://api.github.com/repos/pixijs/pixi.js/issues/2283","id":249377808,"user":{"login":"ivanpopelyshev","id":695831,"avatar_url":"https://avatars.githubusercontent.com/u/695831?v=3","gravatar_id":"","url":"https://api.github.com/users/ivanpopelyshev","html_url":"https://github.com/ivanpopelyshev","followers_url":"https://api.github.com/users/ivanpopelyshev/followers","following_url":"https://api.github.com/users/ivanpopelyshev/following{/other_user}","gists_url":"https://api.github.com/users/ivanpopelyshev/gists{/gist_id}","starred_url":"https://api.github.com/users/ivanpopelyshev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ivanpopelyshev/subscriptions","organizations_url":"https://api.github.com/users/ivanpopelyshev/orgs","repos_url":"https://api.github.com/users/ivanpopelyshev/repos","events_url":"https://api.github.com/users/ivanpopelyshev/events{/privacy}","received_events_url":"https://api.github.com/users/ivanpopelyshev/received_events","type":"User","site_admin":false},"created_at":"2016-09-24T17:46:06Z","updated_at":"2016-09-24T17:46:06Z","body":"@redsend\r\n\r\nIts not guaranteed that toDataURL and getImageData returns right stuff for WebGL, its not even in the standart. You have to use PIXI extract API: \r\n\r\n```js\r\n//if you want canvas\r\nvar canvas =renderer.extract.canvas(stage);\r\n//if you want base64\r\nvar base64=renderer.extract.base64(stage);\r\n```"}}
{"actor":{"display_login":"ivanpopelyshev"}}