{"action":"created","issue":{"url":"https://api.github.com/repos/wilzbach/msa/issues/110","repository_url":"https://api.github.com/repos/wilzbach/msa","labels_url":"https://api.github.com/repos/wilzbach/msa/issues/110/labels{/name}","comments_url":"https://api.github.com/repos/wilzbach/msa/issues/110/comments","events_url":"https://api.github.com/repos/wilzbach/msa/issues/110/events","html_url":"https://github.com/wilzbach/msa/issues/110","id":131195979,"number":110,"title":"Canvas size on seqlogo too large","user":{"login":"aswarren","id":229173,"avatar_url":"https://avatars.githubusercontent.com/u/229173?v=3","gravatar_id":"","url":"https://api.github.com/users/aswarren","html_url":"https://github.com/aswarren","followers_url":"https://api.github.com/users/aswarren/followers","following_url":"https://api.github.com/users/aswarren/following{/other_user}","gists_url":"https://api.github.com/users/aswarren/gists{/gist_id}","starred_url":"https://api.github.com/users/aswarren/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aswarren/subscriptions","organizations_url":"https://api.github.com/users/aswarren/orgs","repos_url":"https://api.github.com/users/aswarren/repos","events_url":"https://api.github.com/users/aswarren/events{/privacy}","received_events_url":"https://api.github.com/users/aswarren/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2016-02-04T00:05:42Z","updated_at":"2016-05-10T14:10:36Z","closed_at":null,"body":"The width of the canvas element (class canvas_logo) and its parent div (class logo_graphic) are set in proportion to the size of the alignment itself (number of columns) and not to the canvas element for the MSA (class biojs_msa_seqblock) or the alignmentWidth attribute. The result is that when the MSA is large, the canvas element for the logo can exceed the max canvas size supported by browsers and disappears. \r\n[http://stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element](url)\r\nI'm not sure if anything can be done in [https://github.com/greenify/msa/blob/master/src/views/header/SeqLogoWrapper.coffee](url) or this should be issued against [https://github.com/greenify/biojs-vis-seqlogo](url)\r\n\r\nAn example of the different sizes (small) can be found here [http://workmen.biojs.net/demo/msa/fer1_annoted](url)\r\n\r\nAlso here is some html from my own testing example (large): \r\n`<canvas class=\"biojs_msa_seqblock\" height=\"225px\" width=\"1605\" style=\"display: inline-block; overflow: hidden;\"></canvas>`\r\n`<canvas class=\"canvas_logo\" id=\"canv_0\" height=\"100\" width=\"54075\" style=\"left:0px\"></canvas>`\r\n\r\nHere the MSA shows up and the logo does not since exceeds the maximum dimension for Chrome.\r\n"},"comment":{"url":"https://api.github.com/repos/wilzbach/msa/issues/comments/218169130","html_url":"https://github.com/wilzbach/msa/issues/110#issuecomment-218169130","issue_url":"https://api.github.com/repos/wilzbach/msa/issues/110","id":218169130,"user":{"login":"wilzbach","id":4370550,"avatar_url":"https://avatars.githubusercontent.com/u/4370550?v=3","gravatar_id":"","url":"https://api.github.com/users/wilzbach","html_url":"https://github.com/wilzbach","followers_url":"https://api.github.com/users/wilzbach/followers","following_url":"https://api.github.com/users/wilzbach/following{/other_user}","gists_url":"https://api.github.com/users/wilzbach/gists{/gist_id}","starred_url":"https://api.github.com/users/wilzbach/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wilzbach/subscriptions","organizations_url":"https://api.github.com/users/wilzbach/orgs","repos_url":"https://api.github.com/users/wilzbach/repos","events_url":"https://api.github.com/users/wilzbach/events{/privacy}","received_events_url":"https://api.github.com/users/wilzbach/received_events","type":"User","site_admin":false},"created_at":"2016-05-10T14:10:36Z","updated_at":"2016-05-10T14:10:36Z","body":"> Hi @greenify that is great news about the \"decaffeination\". I think it will make it much easier to work on. As you might have detected I don't have many spare cycles right now\r\n\r\n@aswarren yep spare time is rare, but I try to work on the MSA from time to time, so let me know if you have other questions / feedback. \r\n\r\n> Actually I am currently thinking about rewriting the msa viewer\r\n\r\nThis is still WIP and I hopefully will be done once I get one or two free weekends ;-)"}}