Reactjs 如何在react js中显示svg图标而不是鼠标光标？

我将react js与材质UI一起使用。我是新手。当鼠标在画布上移动时，我想显示svg图像而不是鼠标光标。请帮忙。我想将svg url分配给canvas.defaultCursor。这样光标将显示svg图标。请帮我做这个

---

提前谢谢您。

您确实需要JS。只需将CSS样式应用于该元素：

.pointer{cursor:pointer；}
.svg{cursor:url("数据：image/svg+xml，%3Csvg version='1.1'id='Layer_1'xmlns='1http://www.w3.org/2000/svg'xmlns:xlink='1！'http://www.w3.org/1999/xlink“x='0px'y='0px'width='32px'height='32px'viewBox='0 0 512'style='enable-background:new 0 0 512 512；'xml:space='preserve'%3E%3path d='M443.6387.1L312.4255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-1.5.4.4 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 5 4 4 4 4 4 4 4 4 4 4 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256313.1l130.7131.1 c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4。1-6.1,4.1-9.8C447.7393.2446.2389.7443.6387.1z'/%3E%3C/svg%3E”），指针；
}

指针
SVG

非常感谢您的回复。但我想将SVG图像指定给画布的defaultCursor属性，该属性是fabricjs的一部分。这样光标将更改为SVG图像。您对此有什么想法吗？我该怎么做？例如，如果我写canvas.defaultCursor=“move“然后它将显示移动光标。现在我想在那里分配svg。请提供帮助。在你的问题中，没有任何地方提到fabric.js，甚至CSS方法都是适用的。我只在fabric js中使用了你的方法，它起到了神奇的作用。非常感谢您的帮助。没问题，最好将此答案标记为选中，这样问题就结束了。