15937 2012-02-08 16:25:47 +0000 Clarify that units in the matrices are CSS pixels (editorial) 2012-10-22 18:56:53 +0000 1 1 1 Unclassified CSS Transforms unspecified PC All RESOLVED FIXED P2 normal --- 1 smfr dschulze ayg cmarrin dino dschulze eoconnor smfr public-css-bugzilla oldest_to_newest 63901 0 smfr 2012-02-08 16:25:47 +0000 From the F2F, dbaron mentioned that we should clarify that the units the entries in matrices are CSS pixels. 65038 1 1086 smfr 2012-03-05 20:01:28 +0000 Created attachment 1086 Intended rendering (with opacity: 0.5) 65040 2 1086 smfr 2012-03-05 20:03:50 +0000 Comment on attachment 1086 Intended rendering (with opacity: 0.5) (attached to wrong bug thanks to confusing bugzilla behavior) 65091 3 smfr 2012-03-07 05:11:17 +0000 I'm not sure how to word this. Should the wording be in the section that describes the matrix() function? Should it say that the last two parameters are in CSS pixel units? What do we write for matrix3d()? 67031 4 dschulze 2012-04-25 16:56:27 +0000 What about: "Length units in matrices are in CSS pixels." on the general description in the "mathematical description"? Do we have to clarify which units are used for rotations/skews on matrices as well? 67159 5 ayg 2012-04-29 06:45:04 +0000 The units for matrix() and matrix3d() aren't all pixels. For matrix(), the first four entries are unitless and the last two are in pixels. For matrix3d(), entries 0-2, 4-6, 8-10, and 15 (0-indexed) are unitless; entries 12-14 have units of pixels; and entries 3, 7, and 11 have units of 1/pixels. I.e., [ # # # px] [ # # # px] [ # # # px] [1/px 1/px 1/px # ] where # is a unitless number. I don't think we need to say this explicitly. Instead, we should say how the matrices are used to transform coordinates, and make it clear that the input and output coordinates are in pixels. The units of the matrix entries will follow from that without having to introduce confusing and unhelpful stuff like 1/px explicitly. 67161 6 dschulze 2012-04-29 14:19:24 +0000 (In reply to comment #5) > I don't think we need to say this explicitly. Instead, we should say how the > matrices are used to transform coordinates, and make it clear that the input > and output coordinates are in pixels. The units of the matrix entries will > follow from that without having to introduce confusing and unhelpful stuff like > 1/px explicitly. I fully agree. Introducing units for matrices, just to clarify how they are supposed to work is more confusing. But it is more than pixels. How does a matrix reflect a rotation or skewing that use <angle>? 67162 7 ayg 2012-04-29 14:35:35 +0000 The definition of the matrices for the rotate and skew functions use sin(), cos(), and tan(), which convert angles into pure numbers for use in the pure-number entries of the matrix (the upper left 2x2 or 3x3 block). 67164 8 dschulze 2012-04-29 15:18:38 +0000 (In reply to comment #7) > The definition of the matrices for the rotate and skew functions use sin(), > cos(), and tan(), which convert angles into pure numbers for use in the > pure-number entries of the matrix (the upper left 2x2 or 3x3 block). That means that the matrix operates on degrees, no? Can you phrase a proposal? 67175 9 ayg 2012-04-30 05:50:46 +0000 No, it means some functions take angles as arguments, and those functions are equivalent to matrices. Not sure what you mean. I think this is best fixed after bug 15605. Once we fix that, we just need to tweak the wording to make it clear that the units of the two-dimensional input and output vectors are in CSS pixels, and then everything is unambiguous. 76647 10 dschulze 2012-10-19 04:03:21 +0000 After reading the discussion on this bug, I still think a normative phrase is simpler and still more exact then adding a matrix with px and 1/px. "" One translation unit on ''matrix()'' and ''matrix3d()'' is equivalent to 1 pixel in the local coordinate system of the ancestor element. "" I don't think that we need too mention 1/pixel, since it falls out of the calculation. The text to perspective already describes the relation to translation values. See "3D rendering context"[1]. Any concerns? Otherwise I add it to matrix on the mathematical description section. [1] http://dev.w3.org/csswg/css3-transforms/#transform-3d-rendering 76923 11 dschulze 2012-10-22 18:56:53 +0000 Added the sentence in the mathematical section but used the coordinate system of the element, not the parent. Was wrong from me. 1086 2012-03-05 20:01:28 +0000 2012-03-05 20:03:50 +0000 Intended rendering (with opacity: 0.5) Screen Shot 2012-03-05 at 12.00.51 PM.png image/png 6440 smfr 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 +81Oxy7TbspeyD7avtuBxsHFodph01HPMcdx9oDkgaMHnjmxOfk7tTqjnR2cK503DuofzDu46CLv kuIyfkjwUNyhp65srkGu99xo3Ehuje5Id0f36+4/SJakCtKGh7FHiceap65ngeeKl5ZXrteyt7p3 jveSj7pPjs87X3Xf877Lfpp++X6r/rr+Rf6fA4wCLgVsBloGVgXuBTkG1QVTBLsH3wmhDwkMeRjK FRoXOhwmGpYSNhuuEp4XvhZhGlEZCUUeimyNYiAfZPqihaJPRc/FaMQUx2zFOsQ2xtHFhcT1xYvE n41fSjBIuHoYcdjzcPcRwpHjR+aOah8tPwYd8zjWnciXeDJxMckw6dpxzPHA4/3JUsk5yV9POJ5o O8l5MunkwinDUzUp1CkRKROnVU9fOoM4439m4Kzs2Qtnf6Z6pfamSaXlp/1I90zvPSd9rvDcXoZP xkCmQubFLFRWSNZ4tmb2tRy6nISchfPm51tyeXJTc7/mueU9zZfLv1SAKYgumC00K2y9wH8h68KP Ir+isWKd4roSjpKzJZulXqUjF7Uu1l7ivJR2abvMv2yy3LC8pYJYkX8ZdTnm8tsrDld6ripdra5k q0yr3K0KqZq9ZnPtYbVidfV1juuZNbCa6JrlGy43hm7q3WytFa8tr2OqS6sH9dH172+53xpvMG3o blRqrG0SaCppxjentkAt8S1rt/1uz7Y6tQ7fMbnT3aba1twu0V51l3C3+B7jvcz7mPsn7+91JHRs dIZ1rnb5di10u3VPPTjw4PlD64cDj0wfPXls8PhBj3ZPxxP1J3efqjy906vUe/uZwrOWPvm+5n75 /uYBhYGWQcXB1iHlobZhteH7I5ojXaN6o4+fGz9/NmYxNjxuPz454TIxO+k1+e5F0IvPL2Ne7kwl TSOnU2doZ/JfcbyqeC38um5WYfbenN5c37zt/NSC58LKm8g3PxZPvsW9zV/iXqp+J/Pu7rLB8tD7 g+8XV8JWdlZTPtB9KPko9LHpk9anvrUDa4ufIz7vfUlfZ12v+ir3tXvDauPVt+BvO5upW6xb174r fe/Zdtxe2on9gf5RuCu82/bT9Of0XvDeXhgpgvT7KAAnd5iPDwBfqgDAOQGAJ59PMdR/zr//3eDk wweMfHWAJKAVWCncFSGMRCM/o5bRExSvKecwm1gkjkhtShNFW0Y3gadi0GBMYKpjXmIVYSOxF3AM ciG55Xm8CRm8DXwj/B+JMEFqIRphKvKb77voB7E58VGJB5LNUleks2SOygbIOchrKYgo4hV/KC0q 96k0qZaonVAP0LDR1NAS0+bWYdKl1aPUR+jvGmwarhm9M541mTQdMHtkftei0fKm1XXrapvrtjft 6uxvOTQ6Nh5ocmpybjzY4HLrUJ1rnVuDeyupy6PP84XXW++vPnt+VP5MAbyBokHywZohxqH2Yd7h sRHnIiujOqInYz7HUcbzJCgetjjieTTuWGpiQVLZ8fLkSycKT2aeSkk5fDr8jM9Z51SLNO10+XNC GRyZ9FlU2ZQ5VOdpc1nyCPmiBXKF6hf0i8yL7UsOlnpeDLwUVZZUnlVRfrn5Su/V15Vfr1FUc1yX rNG5YX/Ttzau7kx9/q2KhprGxqa25o6WR7eftvbfGW4ba5+8O3Xv9f03HSudG93wB4wPhR6pPbbq 8XwS+zS1t+RZXV9X//DA7OCHoY3h7ZEfozvPt8Y2xj9PfCB728LLV1OT0yMz/a+evH40+3iud35k YebN8uLGEvQOu8zynm9FYlX5g+5H40+ma3qfZb4wf/my3vP1wkbgN7VN6s3XW3Xfk7atdwg7n390 7Wb/dN+T2tv7F/tLIHmQ62T7v6eYp/xMhcEK4PSp/Wgyabvp1vHiDG6MF5ies+BYzdlOsXdyfOMS 5XbjSSc08Y7zfRWgIXIIEoUIwiwiVCJbovNiA+JtEpcl06VipN1ljGWl5JjlduXfKPQq1inlKieo uKrqqBHVKdRXNIY1W7Uua2frJOvG6gXpexg4GJoaaRhLm/CZMpqhzbbM31tMWw5bPbHutrlv227X at/sUO9Yc6DSqdy56GCuy7lDp12T3RLdE0nJHqme571KvKt86n1b/Tr9nwQMBo4FTQe/CVkN3QpH RTBHikXpRB+ICYk9EVcQfyOh4/DIkTdHNxJhSZjj1MnYE6gTP09+PbWcMnN6+Myjs62pNWkX07PO JWfEZgZn+Wb75gScj8hNyDuRn1ZwvrD4QkVRdXF9SXPp3Yvdl56VjZe/qdi4grrKUilSpXbNotrt elhN0o2sm2W1dXX36ntvjTW8bnzXtNa81bLXirqDa2NoZ7vLc494X6xDtlO9y6Tb6UHQw8RH5x9X 9bQ96X862/ulD9HPNEAclB/SGTYbsR11fO485jLuOuE26f7C/SVpijRNmiG9Ir32nPWbC5s/spD6 pmix5m37Ut+7meUP73+sYj+wfSR+kliT/CxI9oC99bmvXRtl345tumypfGf5/m17dKf+x7ndgJ8G e3z/Zv//HP8DeAyDGmMkOf4/kePfk72Y4zkXjluNJ5BQwHufb57/J5FOkCAkIiwsIihKEGMTp5Wg lASS61JL0pMyT2Rb5Crl8xROKIYrHVI2VVFU5VOjVttSX9AY0uzUatS+plOmW6yXp59hcNowySjO OMzE19TVzM7c2ELDUsFK0lrYhmjLb8drT3DgduQ4wOrE5Ex/EOuCPgQd2nX97rbpvkXa8YR5UXjT +DD5cvgR/IkBIoGSQTLB8iHKoZphhuHWEW6RYVFJ0dkx5bG34jrjBxNmDq8c2ToGS8QkYY9TJkPk LPrm5PNT3Sl1p0vPpJ6NTiWlmacrnePLoMnYzfyQNZ89nTN5fiJ3Mu9F/mTBZOHEhfGi58WjJcOl gxf7Lw2UDZePV8yQM93a1e0qxDVcNeN1rhriDYmbcrUqdZr1urf0GvQb9Zp0mrVa1G+rtCrekW2T bBe9S7zHe5+rg72TvYurm/+B+EPFRzqPzXscn3g8DeqNeZbYd6Y/e6Bw8OJQ+XDFSNloyfOCsezx tImTk0dfxL4MnfKbdp9xemX72mrWes5x3mMh/E3yYt7ba0vt7/qXZ99/WUV8YPjI/0lmTf2z3heD dYOvuhua31Q3Fbakv4tuE3d4frDu4n/i9lC/7P/nO8ivhiLXlFfIecL+NABm2QBcVAWAiAEASw2A FQ4AO2UA08kEMFlZAJO6vJ8/IHLhSQloAQsgAFGgSK6PrYEbCAWJ5JqyAjSDp2AGrEMYiACpQHZQ KJQKVUGPoUUYCiYEMyPXeoXk+m4Vzgo3gifA6+DvEPzkSu0K4h1SglyLdaNoUO6oRjQF2h3dTsFC EUfxklKTsopcJx3DfKByoxrG6mFv40RwF6kZqc/RUNCcokXSnqbD0p2n56SvxiviexgcGZYY45mo mMqYFZmHWIJYMaw1bBZsX9lLOAw51jnLuMy5trmreOwJSEILbwAfge8lf56ADRFPHBMsEnIXFhT+ INIoGi+mKY4SH5QolvSTUpKmkn4t0yKbJRckb6Ygo8ilhFemVqFVZVYjqEtqaGraagVon9Qp1+3S WzBAG4oYmRr7m5wyLTNrN5+02LRitVa38bbNtGu3XyH7sqVTsnPTwcVDTK4GbrHuNaRZT1YvW+9s n2E/vP+BgLLA1WDVkIzQpXD9iKooXHRszJs4u/iew+pHWo7JJNYfl05uOCl76tZp8TOVqVxphefw GdlZdNm559lyK/LFC9ovmBctlCRe5Ls0VH7qsvZVeOXTaznX3W5I1cLrXt5qasxuDr9tfUeqneru /P3mzpTuAw/FHsN6pp62PMvrjxl0HtYZlRoTmpB5YT9VOLMzGzP/Y/H0O+b3Nz4YfHrz5fSG5Ob0 dsau3u/3x1/7M/+2vwLZ/lbAFQSDoyADlIFG8BhMgTUIDXFBipAVFAilQJehLmgWBsH4YAawQFgO rB32Fo6H68Cj4dfhbxAEBAlxFbGKlEMmIvtRnKhQ1EM0BzoGPUqupXMpvlO6U/ZiFDGVVKxU57Bw bAL2M84fN0d9kHqCxoFmgvYg7TxdIN0m/Sk8E76aQYNhlNGfcY+pgFmauZ9sfWrWBrYD7DD2Wg4X ThxnB1cEtwD3JE8qQZ3whfcaH4mfk39KoJjoKsgvuCLULJwkYibKLLogViseL2EgySC5KNUqnSHj LaslxyG3Iz+j8ICcz8qVi1SKVSvUatXvkd9nb7X2dNh1VfRc9I8bVBsOG3034TLVNHMzP2pRannf at6G0lbGztX+nMN9x3UnYWePg8Uuo64YN233ONItjxUvIW9fn2rfD/5yAccCe4NZQwJDO8NZI2Ii J6LVYq7E0cQfTfh4hHR0MtE6qT/Z7ET/KauUkTM2Z4fTLNJ7M4wye7KNcwZy7fNeFQQWbhellxBK 2y85lf2sqLniWslc9bw6r8b5JqF2tf5OQ2qTa4tcK+7OUnvHvdwO7y65B+Bh/+OSJ8G9Wn3M/WuD fcM1oxljMRO+L3ynEmaqXq/Ma7+pWMIsR68sfnReG1m33Bjacth+vRv8L/b/z/H/6nf88/6O/5Df 8f+IHP9ImCDMFBYGK4B1wN7DmeD68Fh4DXwewYlwRhQhppEEpC+yHvkDZYIqRn1C66NL0VsU9hTN lMyURygXMOaYNiohqkIsBdkDVnFuuOfUZtSPaXRoumh1aB/TmdGN0ZPoP+GPMVAzlDHKMD5mcmH6 ypzJIsbSxxrChmdrZ/fmoOfo5Azj4uEa4j7OI8PzllDMa8tHzfeMP03AnEhHfCFYIRQsrCyCFBkW LRXzF1eUQEu8kKyVOiXtKqMiyyq7LfdKvkehWbFG6ZpyrUq7ap/anPq2JpOWvPYBnWO6VXqjBnBD WSNP4yyTNtN5c0oLaUtnq9PWt22W7bjsHR1yHIecaJ1tD+a7TLqyuR10LyG98uTzCvBu8oX8rPwr AjaDLINrQjFhweFjkTpRDTGCsWXxHAnFRziOViSKJDUn6554fsov5ceZrFRCWv059YynWQ7Zb8/H 5WHzrxRqXJgqPlzKdfFhWWgF9+Xxq3lVztUC1zduPKm9VB/f4Nik2MLeCruz2j5xr6ujqivlgdsj 6R7oyVBvWV/EgOEQ9/D30fGxlomiF8enQmY8XrvN+S7EL55falyeXAUfRdecv6R/7f62811xJ2b3 zi/7R/rIyvxOHxBWBwDkq729dSIA6BwAdrP39nYq9vZ2L5OLjWkAOoP+fFv/nWtoAcghwliZhJ8O pCf9+zfu/wKTvFD+wwcZewAAAAlwSFlzAAALEwAACxMBAJqcGAAAAm5JREFUeJzt3UEOgkAUBUEx 3Nvx5OMJCL0wTsCqLZtnTOfvYJtzzgdw6rl6AFyFWCASC0RigUgsEIkFIrFAtB89GI/xwxmc8X+s 57JAJBaIxAKRWCASC0RigUgsEIkFIrFAJBaIxAKRWCASC0RigUgsEIkFIrFAJBaIxAKRWCASC0Ri gUgsEIkFosOX7N3He/WAL7nL77jut7NcFojEApFYIBILRGKBSCwQiQUisUAkFojEApFYIBILRGKB SCwQiQUisUAkFojEApFYIBILRGKBSCwQiQUisUAkFojEApFYIBILRGKBSCwQiQUisUAkFojEApFY IBILRGKBSCwQiQUisUAkFojEApFYIBILRGKBSCwQiQUisUAkFojEApFYIBILRGKBSCwQiQUisUAk FojEApFYIBILRGKBSCwQiQUisUAkFojEApFYIBILRGKBSCwQiQUisUAkFojEAtF+9GCMH67g3Fg9 AJcFIrFAJBaIxAKRWCASC0RigUgsEIkFIrFAJBaIxAKRWCASC0RigUgsEIkFIrFAJBaIxAKRWCAS C0RigUgsEB2+ZO8+XqsHfMlYPeDvuSwQiQUisUAkFojEApFYIBILRGKBSCwQiQUisUAkFojEApFY IBILRGKBSCwQiQUisUAkFojEApFYIBILRGKBaJtzztUj4ApcFojEApFYIBILRGKBSCwQiQUisUAk FojEApFYIBILRGKBSCwQiQUisUAkFojEApFYIBILRGKBSCwQiQUisUAkFojEApFYIBILRGKBSCwQ iQUisUAkFojEApFYIBILRGKBSCwQiQUisUAkFojEApFYIPoAeAUQExpdEtcAAAAASUVORK5CYII=