{"action":"created","issue":{"url":"https://api.github.com/repos/phetsims/scenery/issues/382","labels_url":"https://api.github.com/repos/phetsims/scenery/issues/382/labels{/name}","comments_url":"https://api.github.com/repos/phetsims/scenery/issues/382/comments","events_url":"https://api.github.com/repos/phetsims/scenery/issues/382/events","html_url":"https://github.com/phetsims/scenery/issues/382","id":57494655,"number":382,"title":"Investigate SVG text quality settings","user":{"login":"jonathanolson","id":480878,"avatar_url":"https://avatars.githubusercontent.com/u/480878?v=3","gravatar_id":"","url":"https://api.github.com/users/jonathanolson","html_url":"https://github.com/jonathanolson","followers_url":"https://api.github.com/users/jonathanolson/followers","following_url":"https://api.github.com/users/jonathanolson/following{/other_user}","gists_url":"https://api.github.com/users/jonathanolson/gists{/gist_id}","starred_url":"https://api.github.com/users/jonathanolson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jonathanolson/subscriptions","organizations_url":"https://api.github.com/users/jonathanolson/orgs","repos_url":"https://api.github.com/users/jonathanolson/repos","events_url":"https://api.github.com/users/jonathanolson/events{/privacy}","received_events_url":"https://api.github.com/users/jonathanolson/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/phetsims/scenery/labels/enhancement","name":"enhancement","color":"84b6eb"}],"state":"open","locked":false,"assignee":{"login":"jessegreenberg","id":6396244,"avatar_url":"https://avatars.githubusercontent.com/u/6396244?v=3","gravatar_id":"","url":"https://api.github.com/users/jessegreenberg","html_url":"https://github.com/jessegreenberg","followers_url":"https://api.github.com/users/jessegreenberg/followers","following_url":"https://api.github.com/users/jessegreenberg/following{/other_user}","gists_url":"https://api.github.com/users/jessegreenberg/gists{/gist_id}","starred_url":"https://api.github.com/users/jessegreenberg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jessegreenberg/subscriptions","organizations_url":"https://api.github.com/users/jessegreenberg/orgs","repos_url":"https://api.github.com/users/jessegreenberg/repos","events_url":"https://api.github.com/users/jessegreenberg/events{/privacy}","received_events_url":"https://api.github.com/users/jessegreenberg/received_events","type":"User","site_admin":false},"milestone":null,"comments":3,"created_at":"2015-02-12T17:49:22Z","updated_at":"2016-01-07T19:55:02Z","closed_at":null,"body":"Related issues:\r\n- Original investigation: https://github.com/phetsims/scenery/issues/170\r\n- Notes: https://github.com/phetsims/scenery/issues/164\r\n- https://github.com/phetsims/scenery/issues/94\r\n- https://github.com/phetsims/scenery/issues/297\r\n- https://github.com/phetsims/scenery/issues/264\r\n- https://github.com/phetsims/scenery/issues/195\r\n\r\nWe'll want to look at SVG text settings, notably the SVG attributes 'textLength', 'lengthAdjust' and 'text-rendering'. To start, see how http://phetsims.github.io/scenery/tests/text-quality-test.html looks across browsers (it starts on medium unanimated). There are specific qualities that we want on each browser:\r\n- SVG text length should precisely match DOM/Canvas text length (see where the black square is in relation to the letters)\r\n- SVG text should not flicker while moving (kerning changes)\r\n- SVG text should be crisp\r\n- SVG text should look properly kerned (letter spacing is consistent and good looking)\r\n- SVG text should look consistent between low/high scales\r\n- SVG text should show smooth changes while scaling (use low 6, low 6.5 and low 6 close to see slight differences)\r\n\r\nFor each supported browser we should have information about what settings have the highest quality. I believe we are using geometricPrecision with a length override using spacingAndGlyphs (so we can match Canvas/DOM size on all browsers), but we may need different settings on different browsers.\r\n\r\nFeel free to add/remove settings from text-quality-test.html to investigate, and let me know about any questions.\r\n\r\nThanks!"},"comment":{"url":"https://api.github.com/repos/phetsims/scenery/issues/comments/169788498","html_url":"https://github.com/phetsims/scenery/issues/382#issuecomment-169788498","issue_url":"https://api.github.com/repos/phetsims/scenery/issues/382","id":169788498,"user":{"login":"samreid","id":679486,"avatar_url":"https://avatars.githubusercontent.com/u/679486?v=3","gravatar_id":"","url":"https://api.github.com/users/samreid","html_url":"https://github.com/samreid","followers_url":"https://api.github.com/users/samreid/followers","following_url":"https://api.github.com/users/samreid/following{/other_user}","gists_url":"https://api.github.com/users/samreid/gists{/gist_id}","starred_url":"https://api.github.com/users/samreid/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/samreid/subscriptions","organizations_url":"https://api.github.com/users/samreid/orgs","repos_url":"https://api.github.com/users/samreid/repos","events_url":"https://api.github.com/users/samreid/events{/privacy}","received_events_url":"https://api.github.com/users/samreid/received_events","type":"User","site_admin":false},"created_at":"2016-01-07T19:55:02Z","updated_at":"2016-01-07T19:55:02Z","body":"Please see the bending light issue for screenshots and more detail."}}