[css3-ui][css-images] cursor x and y coordinate system and <image>

In the cursor property definition (http://dev.w3.org/csswg/css-ui/#propdef-cursor)
we find this statement:

  The x-coordinate and y-coordinate of the position in the
  cursor’s coordinate system (left/top relative)

I think this needs to be clarified. That the origin is at the
top left is clear. This also probably means that:
* that for a bitmap image the unit is in image pixels
* that for an svg image, the unit is the unitless length integer

However, it isn't clear what this means for a gradient or
an image-set, which has images at multiple resolutions.

The full list of possible <image> values is:

<image> = 
<url> | <image()> | <image-set()> | <element()> | <cross-fade()> | <gradient>

We need to define this, and I think it would actually be better
and more maintainable for this to be defined in css-images,
and referenced from css-ui, so that things just work when new
<image> values are added.


As for the actual definitions, I propose:
bitmaps
  -> the unit is the image pixel for bitmap images

svg
  -> the svg unit

gradients
  -> 0 to 100 on both axis

<image()>
  -> the coordinate system of the image you end up loading
     ISSUE: what to do if we fallback to a color?

<image-set()>
  -> the coordinate system of the first image in the list

<element()>
  -> CSS pixels?

<cross-fade>
  -> the coordinate system of the <cf-mixing-image>

<gradient>
  -> each axis goes from 0 to 100

 - Florian

Received on Friday, 10 April 2015 15:33:28 UTC