{"action":"created","issue":{"url":"https://api.github.com/repos/kangax/fabric.js/issues/2059","labels_url":"https://api.github.com/repos/kangax/fabric.js/issues/2059/labels{/name}","comments_url":"https://api.github.com/repos/kangax/fabric.js/issues/2059/comments","events_url":"https://api.github.com/repos/kangax/fabric.js/issues/2059/events","html_url":"https://github.com/kangax/fabric.js/issues/2059","id":64159189,"number":2059,"title":"[Text] lineHeight is not same as HTML element","user":{"login":"sapics","id":11169954,"avatar_url":"https://avatars.githubusercontent.com/u/11169954?v=3","gravatar_id":"","url":"https://api.github.com/users/sapics","html_url":"https://github.com/sapics","followers_url":"https://api.github.com/users/sapics/followers","following_url":"https://api.github.com/users/sapics/following{/other_user}","gists_url":"https://api.github.com/users/sapics/gists{/gist_id}","starred_url":"https://api.github.com/users/sapics/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sapics/subscriptions","organizations_url":"https://api.github.com/users/sapics/orgs","repos_url":"https://api.github.com/users/sapics/repos","events_url":"https://api.github.com/users/sapics/events{/privacy}","received_events_url":"https://api.github.com/users/sapics/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-03-25T03:06:17Z","updated_at":"2015-03-25T09:57:49Z","closed_at":null,"body":"Please look at this jsfiddle.\r\nhttp://jsfiddle.net/sapics/ftpbm2nn/\r\n\r\n![line-height](https://cloud.githubusercontent.com/assets/11169954/6819361/458e04d4-d303-11e4-8292-18292043e35c.png)\r\n(Black one is fabric.Text and red one is HTML element.)\r\n\r\nWhen I set the same lineHeight for fabric.Text and HTML element, a result differs with one another.\r\nI confirmed it on Chrome and IE11.\r\n\r\nI wish to get same result between fabric.Text and HTML element.\r\nIs it a expected result? Or, are there any tips to get the same result? Or, does it come from a bug?\r\n\r\n<bountysource-plugin>\r\n---\r\nWant to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/9979860-text-lineheight-is-not-same-as-html-element?utm_campaign=plugin&utm_content=tracker%2F23217&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F23217&utm_medium=issues&utm_source=github).\r\n</bountysource-plugin>"},"comment":{"url":"https://api.github.com/repos/kangax/fabric.js/issues/comments/85965640","html_url":"https://github.com/kangax/fabric.js/issues/2059#issuecomment-85965640","issue_url":"https://api.github.com/repos/kangax/fabric.js/issues/2059","id":85965640,"user":{"login":"sapics","id":11169954,"avatar_url":"https://avatars.githubusercontent.com/u/11169954?v=3","gravatar_id":"","url":"https://api.github.com/users/sapics","html_url":"https://github.com/sapics","followers_url":"https://api.github.com/users/sapics/followers","following_url":"https://api.github.com/users/sapics/following{/other_user}","gists_url":"https://api.github.com/users/sapics/gists{/gist_id}","starred_url":"https://api.github.com/users/sapics/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sapics/subscriptions","organizations_url":"https://api.github.com/users/sapics/orgs","repos_url":"https://api.github.com/users/sapics/repos","events_url":"https://api.github.com/users/sapics/events{/privacy}","received_events_url":"https://api.github.com/users/sapics/received_events","type":"User","site_admin":false},"created_at":"2015-03-25T09:57:49Z","updated_at":"2015-03-25T09:57:49Z","body":"@asturur\r\nThank you for your manuscript!\r\nI understand about fontSizeMult is multiplicative factor for overline and decoration.\r\nTherefore, lineHeight 1.3 to 1.3 / 1.13 makes same result.\r\nYour description is exactly!\r\nI can make the same result between fabric.Text and HTML element!\r\nhttp://jsfiddle.net/sapics/ftpbm2nn/28/\r\n\r\nThus, my question about lineHeight is solved!\r\nThank you!\r\n\r\n\r\nOn the other hand, http://jsfiddle.net/sapics/ftpbm2nn/30/ ,\r\nthe position top and left have some differences between them.\r\nAbout left +8, and top (+3 for fontSize:30px or +7 for fontSize:70px) apart from HTML element on Chrome browser.\r\n\r\n![left-top](https://cloud.githubusercontent.com/assets/11169954/6822069/2daf5d6e-d320-11e4-979d-669516b42c7d.png)\r\n\r\n\r\nAre there any tips to set same left-top position between fabric.Text and HTML element?\r\nIt looks very difficult to make same position. For my purpose, it would be enough that it is near by.\r\nI'm sorry for an additional question.\r\n"}}