代码之家 › 专栏 › 技术社区 › Marvin

使光标成为自绘制图像

processing.js cursor

1

Marvin · 技术社区 · 7 年前

我有一个油漆应用程序,我已经从零开始编程 processing.js

这意味着我不希望使用CSS(我必须链接到一个JavaScript程序,该程序为CSS文件创建一个link元素并将其附加到头部)。

研究-我已经尝试过的

Custom Cursor Image CSS ,它需要是一个图像,但我想在文件中调用一个函数,以便随时更新它。我也想用JavaScript,而不是CSS。

https://processing.org/tutorials/interactivity/ 但是里面没有关于自定义游标的内容,只有命名的游标和图像。

我正在使用createGraphics函数,但无法将其用作光标: http://processingjs.org/reference/createGraphics_/

1 回复 | 直到 7 年前

1

0

Kevin Workman 7 年前

一种方法是将光标设置为 none

void draw(){
  background(32);
  ellipse(mouseX, mouseY, 20, 20);
}

这会将光标显示为椭圆。

另一种方法可能是使用 data URI