{"id":15169,"date":"2016-07-14T11:58:37","date_gmt":"2016-07-14T15:58:37","guid":{"rendered":"http:\/\/mjtsai.com\/blog\/?p=15169"},"modified":"2016-07-24T15:14:00","modified_gmt":"2016-07-24T19:14:00","slug":"mathml-improvements-in-webkit","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2016\/07\/14\/mathml-improvements-in-webkit\/","title":{"rendered":"MathML Improvements in WebKit"},"content":{"rendered":"<p><a href=\"http:\/\/frederic-wang.fr\/mathml-improvements-in-webkit.html\">Fr&eacute;d&eacute;ric Wang<\/a>:<\/p>\n<blockquote cite=\"http:\/\/frederic-wang.fr\/mathml-improvements-in-webkit.html\"><p>This new feature is obvious: You can now create a hyperlink for any part of a mathematical formula!<\/p><p>[&#8230;]<\/p><p>In the following screenshot, you can see that the letters f, x and y are now\ndrawn with this special mathematical italic glyphs and that WebKit uses the\nconventional fraktur style for the Lie algebra g. Note that the prime is still too\nsmall because WebKit does not make use of the <a href=\"https:\/\/www.microsoft.com\/typography\/otspec\/features_pt.htm#ssty\">ssty feature<\/a> yet.<\/p><p>[&#8230;]<\/p><p>As said in my previous blog post, the rendering of large and stretchy operators\nhave been rewritten a lot and as a consequence the rendering has improved.\nAlso, I mentioned that <a href=\"https:\/\/wikimedia.org\/api\/rest_v1\/media\/math\/render\/svg\/5d166c08a30ad598edc84d0bbe0223be8bcc5a6d\">the width of operators may depend on their height<\/a>. This may cause accumulated approximations\nduring the computation of preferred widths. The old flexbox-based implementation\n<a href=\"https:\/\/bugs.webkit.org\/show_bug.cgi?id=107613\">incorrectly forced layout during preferred computation<\/a> to avoid that but a quick\nworkaround for that security concern caused the approximate\npreferred widths to be used for the logical widths. With our new implementation,\nthe logical width is now correctly calculated.\nFinally, we added partial support for the <code>mpadded<\/code> element\nwhich is often used to tweak spacing in mathematical formulas.<\/p><\/blockquote>\n<p>Update (2016-07-24): See also: <a href=\"https:\/\/webkit.org\/blog\/6803\/improvements-in-mathml-rendering\/\">WebKit.org<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Fr&eacute;d&eacute;ric Wang: This new feature is obvious: You can now create a hyperlink for any part of a mathematical formula![&#8230;]In the following screenshot, you can see that the letters f, x and y are now drawn with this special mathematical italic glyphs and that WebKit uses the conventional fraktur style for the Lie algebra g. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"apple_news_api_created_at":"","apple_news_api_id":"","apple_news_api_modified_at":"","apple_news_api_revision":"","apple_news_api_share_url":"","apple_news_coverimage":0,"apple_news_coverimage_caption":"","apple_news_is_hidden":false,"apple_news_is_paid":false,"apple_news_is_preview":false,"apple_news_is_sponsored":false,"apple_news_maturity_rating":"","apple_news_metadata":"\"\"","apple_news_pullquote":"","apple_news_pullquote_position":"","apple_news_slug":"","apple_news_sections":"\"\"","apple_news_suppress_video_url":false,"apple_news_use_image_component":false,"footnotes":""},"categories":[2],"tags":[259,186,134,96,328],"class_list":["post-15169","post","type-post","status-publish","format-standard","hentry","category-technology","tag-math","tag-mathml","tag-typography","tag-web","tag-webkit"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/15169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/comments?post=15169"}],"version-history":[{"count":2,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/15169\/revisions"}],"predecessor-version":[{"id":15320,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/15169\/revisions\/15320"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=15169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=15169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=15169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}