在画布上绘制之前向图像添加滤镜

文章/答案/技术大牛

发布

1回答

javascript、html、css、canvas、html5-canvas

在画布上绘制图像之前，我正在尝试添加一个css过滤器。这是我的javascript。canvas.getContext('2d'); layer.draw();如果我将此图像加载到它渲染的画布以外的任何内容中但我在画布上看不到饱和

浏览 9提问于2017-02-22得票数 4

回答已采纳

1回答

如何使用camanjs在照片画布上给出多重效果？

javascript、canvas、html5-canvas、camanjs

如何使用camanjs在照片画布上给出多重效果？我的案例：“在我应用了滤镜效果，然后在图像上添加文本后，之前的滤镜效果恢复为原始图像，这意味着之前的效果从照片中消失了。”

浏览 7提问于2017-10-12得票数 1

2回答

Fabricjs:当我应用和重新应用图像滤镜时，图像质量下降

javascript、image、canvas、fabricjs

我已经使用fabricjs在我的图像中应用了反转，灰度和其他滤镜，图像质量将会下降，然后。请看下面的代码，如果代码有任何问题，请让我知道。我使用图像(img)作为填充矩形的模式。

浏览 1提问于2013-05-08得票数 0

1回答

从一个画布复制带有滤镜的图像并粘贴到另一个画布

javascript、html、canvas、fabricjs、camanjs

我使用Fabric库在画布上绘制不同的对象，对于一些图像，我需要提供效果和滤镜，所以我使用Caman库。我在弹出窗口中提供了效果和过滤器功能，其中我添加了另一个画布，并获得了所选图像的URL，但通过Caman librray在图像上应用效果后，我需要将该图像放回主画布。但问题是，我需要放回相同大小的图像，并且没

浏览 5提问于2014-11-16得票数 1

1回答

DrawImage不显示CSS样式

javascript、html、canvas、html5-canvas

我正在尝试绘制一个指向canvas的img。但是，无论我是设置style属性还是在CSS中设置样式，样式都不会继续存在。这是一个，它显示了我想要做的事情。我还尝试将样式应用到canvas本身。

浏览 18提问于2017-03-17得票数 2

回答已采纳

1回答

有没有人能解决将过滤后的画布保存为图像的问题？

html、css、canvas

基于这个问题，和之前被问到的那个链接，还是没有办法解决这个问题。因为我在画布上使用了许多滤镜效果(如hueRotate，亮度，深褐色，模糊，对比度等)。我已经试过很多次了，它没有应用任何过滤器。我也从任何网站和书籍中搜索过，仍然没有解决这个问题的想法。那么，有人能解决这个问题吗？

浏览 1提问于2015-08-10得票数 0

1回答

如何使用SkiaSharp对具有透明背景的文本进行浮雕？

skiasharp、drawtext、emboss

我正在使用SkiaSharp在画布上绘制文本，我已经在画布上绘制了背景图像。当只是绘制常规文本时，它工作得很好，但我想为文本添加浮雕效果。另外，文本应该是白色的，但是它的颜色已经被滤镜改变了。 ? 我使用的图像过滤器是： fontPaint.ImageFilter = SKImageFilter.CreateDistantLitDiffuse((float

浏览 89提问于2021-07-15得票数 0

1回答

基于Windows8 html5 canvas的应用程序中的奇怪行为

debugging、windows-8、html5-canvas

我尝试在画布中加载图像，但当我直接使用CTRL + F5运行应用程序时，应用程序会运行，但画布上没有图像。当我在没有放置断点的情况下调试应用程序时，应用程序直接打开，但仍然没有图像。当我调试应用程序并放置一个breakpoint，然后一步一步地运行代码时，图像生成完成后，我通过单击调试符号继续调试，现在图像显示在画布中。我不知道这里发生了什么，为什么它只显示带有断点的调试

浏览 0提问于2012-12-09得票数 1

回答已采纳

3回答

添加滤色器到黑白图像与js？

javascript、html5-canvas

是否可以在黑白图像中添加滤色器？我可以用某种滤镜来绘制这张图片，这样它就可以变成我想要的任何颜色了吗？类似于您可以在矩形中使用您想要的任何颜色进行着色：ctx.fillrect(0, 0, 100, 100); 有没有办法让我用这种方式在图像上动态添加滤色器(我只想

浏览 4提问于2021-07-16得票数 0

1回答

按像素图像定义的蒙版进行裁剪或防止在蒙版之外进行绘制

javascript、html、css、canvas

遵循并在此基础上构建将图片添加到背景中并不是很重要！做大量的“图像减法”不是最好的方法。

浏览 22提问于2017-02-14得票数 0

回答已采纳

0回答

尝试向画布图像添加滤镜

javascript、jquery、html、canvas

我目前正在尝试将一个或多个过滤器应用到上传到页面后的画布图像，但如果他们想要将过滤器更改为更模糊或其他过滤器，它会删除图像，您将不得不重新上传图像。我计划在几个不同的滤镜上有一个按钮，然后他们点击他们想要应用到图像上的滤镜。对如何修复它有什么想法吗？现在，当你上传图片时，它会将图片模糊到5px，但如果你想要更少或更多的模糊，例如，它会删除图片。

浏览 5提问于2017-11-28得票数 1

回答已采纳

1回答

在jcanvas中，如何操纵drawImage层在图像上应用instagram风格的滤镜

javascript、html、canvas、jcanvas

我已经使用jcanvas drawImage方法在画布上绘制了一个图像，这个图像是一个层。fromCenter: false//Html部件我想在这张图片上应用类似instagram的图片滤镜，有人能指导我吗？？

浏览 4提问于2016-06-28得票数 0

1回答

无法使用css筛选器在画布上重绘图像

javascript、html、css

我在画布上绘制带有CSS过滤器的图像时遇到了问题。我想应用CSS滤镜与滑块/范围输入，我有。将对其应用滤镜的图像是从文件上载的图像。此图像被放入我的函数中的一个变量中，该函数将上传图像。滑块的功能是独立的，因此我不能在拖动滑块时激活的功能中应用滤镜并再次绘制图像。我需要它被绘制，而不是仅仅把滤镜放在

浏览 0提问于2021-02-25得票数 0

1回答

如何提高jsPDF产量的质量？

pdf、jspdf

我尝试过在canvas.toDataURL(类型，encoderOptions);中将图像质量设置为1，但没有帮助。这是众所周知的问题吗？在保存图像之前，我使用addImage()方法将图像放在pdf上。示例：

浏览 0提问于2018-04-06得票数 0

1回答

如何在画布中绘制一个形状(多边形)，并在其后面放置一个图像。形状应该在顶部。

javascript、html、canvas

问题是:画在画布上的树木出现在斜坡的图像后面。我要把树放在斜坡图像的顶端。这是index.html文件 <!

浏览 3提问于2016-12-16得票数 1

1回答

如何在Android中将位图动态绘制到画布上？

android、canvas、bitmap

一种自定义视图，它是我需要在上面画的画布。在它下面的两个按钮，当A被点击时，我们叫它们A和B，->图像A被画到上面的画布上。单击B时，->图像B将绘制到上面的画布上。这个问题要求以前绘制的画布上的图像必须保存。也就是说，如果您单击按钮A，然后单击按钮B，则画布必须包含两个图像。所以以前的图像需要保存

浏览 11提问于2015-07-14得票数 0

1回答

如何使用vanilla javascript在HTML画布上拖放和预览图像文件？

javascript、html、canvas、drag-and-drop

所以我做了一些滤镜效果，并在<div>上进行了拖放上传(带预览)，但我无法下载它(使用下载按钮)当应用滤镜时，因为我不知道屏幕捕捉应用程序接口或<svg>.So我想在<canvas>上绘制图像，因为我知道如何从<canvas>下载经过过滤的图像，但如果我使用它，拖放功能似乎不再起作用，或者我不知道如何使用拖放效果(比如在它上面拖动会产生效果在拖动时离开删除效果)，也不知道如何将图像拖放到<canvas>

浏览 13提问于2020-06-14得票数 0

回答已采纳

1回答

从html5画布中删除使用Javascript放置的图像

javascript、html5-canvas、dom-events

我有以下函数，它使用JavaScript将图像绘制到HTML5画布上： image.onload = function()context.drawImage(image, 50, 30, 20, 20); image.src = "1.png";我已经向画布添加了一个事件侦听器这目前可以正常工作，但是，尽管

浏览 3提问于2012-04-26得票数 0

回答已采纳

1回答

在html5画布上的预设位置缩放照片图像

html、canvas、transform、scale

我在html代码中添加了canvas对象，并在其中加载了一张照片图像。我试图在一些随机坐标上缩放图像，但缩放只发生在画布的中心。如果我使用平移，整个图像会随着原点的变化而移动。

浏览 0提问于2013-04-08得票数 0

回答已采纳

点击加载更多