20933 2008-09-19 00:39:53 -0700 Canvas fillText() using a linear or radial gradient for the fill style incorrectly renders the shadow 2011-06-02 20:55:11 -0700 1 1 1 Unclassified WebKit New Bugs 528+ (Nightly build) Mac OS X 10.5 RESOLVED DUPLICATE 15266 P2 Normal --- 0 john.engelhart webkit-unassigned mdelaney7 mlamb1976 simon.fraser oldest_to_newest 91741 0 john.engelhart 2008-09-19 00:39:53 -0700 The subject says it all. Mac OS X: 10.5.4 Safari: Version 4.0 (5528.1, r36519) Will attach a .html that clearly demonstrates the bug. 91742 1 23559 john.engelhart 2008-09-19 00:43:53 -0700 Created attachment 23559 Simple .html that demonstrates the rendering problem This uses an inline javascript code snippet to render some text in a canvas using .fillText(). The only difference between the PASS and FAIL canvases displayed, other than the cosmetic shadow color, is the FAIL canvas uses a radial gradient for the fillText() fillStyle. 91745 2 john.engelhart 2008-09-19 00:55:26 -0700 I just double checked the bug report and realized it might not be clear exactly what the problem is: The shadow for both canvases are set to the exact same thing (other than the color): X and Y offset of +1, and a blur of 0px. The FAIL convas obviously has an offset of 0, 0, not the expected 1, 1. When using a radial gradient fill, no shadow offset values 'stick', it's always reset to 0, 0. vvvvvv UPDATE: This also fails for linear gradients. ^^^^^^ 266906 3 mlamb1976 2010-08-19 12:47:59 -0700 This appears to be a dup of https://bugs.webkit.org/show_bug.cgi?id=15266 414634 4 simon.fraser 2011-06-02 20:55:11 -0700 *** This bug has been marked as a duplicate of bug 15266 *** 23559 2008-09-19 00:43:53 -0700 2008-09-19 00:43:53 -0700 Simple .html that demonstrates the rendering problem fillTextShadowProblem.html text/html 2697 john.engelhart PCFET0NUWVBFIEhUTUwgUFVCTElDICItLy9XM0MvL0RURCBIVE1MIDQuMDEvL0VOIiAiaHR0cDov L3d3dy53My5vcmcvVFIvaHRtbDQvc3RyaWN0LmR0ZCI+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVh ZD4KICAgIDxtZXRhIGh0dHAtZXF1aXY9IkNvbnRlbnQtVHlwZSIgY29udGVudD0idGV4dC9odG1s O2NoYXJzZXQ9dXRmLTgiPgoKICAgIDxzY3JpcHQgdHlwZT0idGV4dC9qYXZhc2NyaXB0Ij4KCmZ1 bmN0aW9uIGRyYXdGYWlsKCkgewogIHZhciBjdHggPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgi ZmFpbENhbnZhcyIpLmdldENvbnRleHQoJzJkJyk7CiAgdmFyIHcgPSAxMjgsIGggPSAxMjgsIHIg PSAxNiwgbGluZ3JhZDsKCiAgY3R4LnNhdmUoKTsKICBjdHguZmlsbFN0eWxlID0gIiMwODA4MDgi OwogIGN0eC5maWxsUmVjdCgwLCAwLCB3LCBoKTsKICBjdHgucmVzdG9yZSgpOwoKICBjdHguc2F2 ZSgpOwogIGN0eC5iZWdpblBhdGgoKTsKICBjdHguZm9udCA9ICI0OHB4ICdMdWNpZGEgR3JhbmRl JyI7CgogIGN0eC50ZXh0QmFzZWxpbmU9Im1pZGRsZSI7CiAgdmFyIHJlVGV4dCA9ICJGQUlMIjsK ICB2YXIgdGV4dExlbmd0aCA9IGN0eC5tZWFzdXJlVGV4dChyZVRleHQpOwoKICAvLy8vLy8vLy8v Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vCiAgLy8KICAvLyBGQUlMLmZpbGxT dHlsZSBpcyBhIHJhZGlhbCBncmFkaWVudC4gIFBBU1MuZmlsbFN0eWxlID0gJyMwODA4MDgnOwog IC8vIFRoZSBvdGhlciBkaWZmZXJlbmNlIGlzIHRoZSBzaGFkb3cgY29sb3IsIHdoaWNoIGlzIGNv c21ldGljIG9ubHkuCiAgLy8KCiAgdmFyIGNwdyA9IDAuNDc1LCBjcGggPSAwLjM4LCBnZCA9IDEu NTsKICByZyA9IGN0eC5jcmVhdGVSYWRpYWxHcmFkaWVudCh3KmNwdywgaCpjcGgsIDAsIHcqY3B3 LCBoKmNwaCwgaCpnZCk7CiAgcmcuYWRkQ29sb3JTdG9wKDAuMDAsICdyZ2JhKDE2LCAxNiwgMTYs IDEuMCknKTsKICByZy5hZGRDb2xvclN0b3AoMS4wMCwgJ3JnYmEoMCwgMCwgMCwgMS4wKScpOwog IGN0eC5maWxsU3R5bGUgPSByZzsKCiAgLy8KICAvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8v Ly8vLy8vLy8vLy8vLy8vLy8vCgogIGN0eC5zaGFkb3dDb2xvciA9ICIjZjAwIjsgLy8gQ29zbWV0 aWMgZGlmZmVyZW5jZSwgRkFJTCBzaGFkb3cgaXMgcmVkLgogIGN0eC5zaGFkb3dCbHVyID0gMDsK ICBjdHguc2hhZG93T2Zmc2V0WCA9IDE7CiAgY3R4LnNoYWRvd09mZnNldFkgPSAxOwoKICBjdHgu ZmlsbFRleHQocmVUZXh0LCgodyowLjUpLSh0ZXh0TGVuZ3RoLndpZHRoLzIpKSswLjUsKGgqMC41 KSswLjUpOwoKICBjdHgucmVzdG9yZSgpOwp9CgpmdW5jdGlvbiBkcmF3UGFzcygpIHsKICB2YXIg Y3R4ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoInBhc3NDYW52YXMiKS5nZXRDb250ZXh0KCcy ZCcpOwogIHZhciB3ID0gMTI4LCBoID0gMTI4LCByID0gMTYsIGxpbmdyYWQ7CgogIGN0eC5zYXZl KCk7CiAgY3R4LmZpbGxTdHlsZSA9ICIjMDgwODA4IjsKICBjdHguZmlsbFJlY3QoMCwgMCwgMTI4 LCAxMjgpOwogIGN0eC5yZXN0b3JlKCk7CgogIGN0eC5zYXZlKCk7CiAgY3R4LmJlZ2luUGF0aCgp OwogIGN0eC5mb250ID0gIjQ4cHggJ0x1Y2lkYSBHcmFuZGUnIjsKCiAgY3R4LnRleHRCYXNlbGlu ZT0ibWlkZGxlIjsKICB2YXIgcmVUZXh0ID0gIlBBU1MiOwogIHZhciB0ZXh0TGVuZ3RoID0gY3R4 Lm1lYXN1cmVUZXh0KHJlVGV4dCk7CgogIC8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8v Ly8vLy8vLy8vLy8vLy8KICAvLwogIC8vIEZBSUwuZmlsbFN0eWxlIGlzIGEgcmFkaWFsIGdyYWRp ZW50LiAgUEFTUy5maWxsU3R5bGUgPSAnIzA4MDgwOCc7CiAgLy8gVGhlIG90aGVyIGRpZmZlcmVu Y2UgaXMgdGhlIHNoYWRvdyBjb2xvciwgd2hpY2ggaXMgY29zbWV0aWMgb25seS4KICAvLwoKICBj dHguZmlsbFN0eWxlID0gIiMwODA4MDgiOwoKICAvLwogIC8vLy8vLy8vLy8vLy8vLy8vLy8vLy8v Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8KCiAgY3R4LnNoYWRvd0NvbG9yID0gIiMwZjAiOyAvLyBD b3NtZXRpYyBkaWZmZXJlbmNlLCBQQVNTIHNoYWRvdyBpcyBncmVlbi4KICBjdHguc2hhZG93Qmx1 ciA9IDA7CiAgY3R4LnNoYWRvd09mZnNldFggPSAxOwogIGN0eC5zaGFkb3dPZmZzZXRZID0gMTsK CiAgY3R4LmZpbGxUZXh0KHJlVGV4dCwoKHcqMC41KS0odGV4dExlbmd0aC53aWR0aC8yKSkrMC41 LChoKjAuNSkrMC41KTsKCiAgY3R4LnJlc3RvcmUoKTsKCn0KCmZ1bmN0aW9uIGRyYXdQYXNzRmFp bCgpIHsKICBkcmF3UGFzcygpOwogIGRyYXdGYWlsKCk7Cn0KCmFkZEV2ZW50TGlzdGVuZXIoImxv YWQiLCBkcmF3UGFzc0ZhaWwsIGZhbHNlKTsKCjwvc2NyaXB0PgogICAgPHRpdGxlPlJhZGlhbCBH cmFkaWVudCBGaWxsIFN0eWxlIGZvciAuZmlsbFRleHQoKSBTaGFkb3cgUmVuZGVyaW5nIEVycm9y IEV4YW1wbGU8L3RpdGxlPgogIDwvaGVhZD4KICA8Ym9keSBzdHlsZT0iYmFja2dyb3VuZC1jb2xv cjogIzAwMCI+CgogICAgPGRpdj48Y2FudmFzIGlkPSJmYWlsQ2FudmFzIiBzdHlsZT0ibWFyZ2lu OiAxMHB4OyI+Jm5ic3A7PC9jYW52YXM+PC9kaXY+CgogICAgPGRpdj48Y2FudmFzIGlkPSJwYXNz Q2FudmFzIiBzdHlsZT0ibWFyZ2luOiAxMHB4OyI+Jm5ic3A7PC9jYW52YXM+PC9kaXY+CiAgICAK ICA8L2JvZHk+CjwvaHRtbD4K