Tag: drawing2d

使用图层和blendMode制作的Paper.js橡皮擦工具

我正在使用Paper.js和Node.js制作简单的绘图应用程序。 有2层： – 图像的底层 – 绘图的顶层。 带图像的图层是绘图图层的背景。 我想做一个简单的橡皮擦工具，它将清除path上的绘图。 我正在尝试在blendMode设置为“destination-out”的顶层添加第二条path。 drawingLayer.activate(); path = new Path(); path.strokeColor = 'black'; path.strokeWidth = 5; if (mode == "erase") { path.strokeWidth = 15; path.blendMode = 'destination-out'; } 我的问题是，这个“目的地输出”path不仅会删除顶层（绘图层）上的所有内容，还会删除底层（图像）上的所有内容。 当然，我希望图像保持不变的橡皮擦。 当我为我的页面设置一些CSS的背景时，它不会被橡皮擦path擦除。 你知道一个方法，使橡皮擦修改一个顶层，而不是底部层控制？