Wie kann ich eine CSS-Cursor

Question

Hier drehen ist, was Sie zu tun, um brauchen eine klare Sicht zu haben, was ich will

• Go auf this editor
• eine Form schaffen
• es
wählen
• drehen
• Ort der Maus auf einen der Steuer resize-Punkt und klicken sie auf

wird der Cursor mit dem Winkel der Form gedreht.

Ich kann keine CSS-Eigenschaften finden, um diese Art von Sache zu erreichen, wie könnte dies getan werden?

Answer 1

Sie können nicht und es nicht. Es zeigt nur die verschiedenen Größenänderungssymbole an. Siehe zum Beispiel: http://css-cursor.techstream.org/

Answer 2

Ja, in modernen Browsern (Chrome, Firefox, Safari) können Sie eine SVG verwenden als codierte Daten URI als CSS cursor:

cursor: url("data:image/svg+xml, ... ") 16 16, auto; 

die SVG-Encoding kann schwierig sein, aber gut dokumentiert: https://codepen.io/tigt/post/optimizing-svgs-in-data-uris

der Trick dann Modifizieren der codierten SVG-Transformation Eigentum on the fly:

<svg viewBox="32 32"><g transform="rotate(45, 16, 16)">...</g></svg> 

Zum Beispiel würden Sie im obigen Beispiel 45 für Ihren gewünschten Winkel austauschen.