如何使用CSS或SVG滤镜效果从Gmail composer复制图像突出显示效果？

文章/答案/技术大牛

发布

1回答

css、svg、sass

下面是我想要做的一个例子：这可以用纯CSS实现吗？我试图确定Gmail是如何做到这一点的，但他们的混淆已经相当不错了。如果仅用CSS不能做到这一点，那么SVG过滤器是复制它的合适方法吗？

浏览 14提问于2017-08-28得票数 0

2回答

如何在WinJS中显示Windows.Graphics.Imaging.BitmapDecoder？

windows-8、microsoft-metro、winjs

我正在尝试制作一个应用程序，在图像上应用滤镜效果。从FilePicker我可以得到一个IRandomAccessStream，然后我可以把它转换成BitmapDecoder。但是我不确定如何将位图数据显示为图像？我不想使用文件名或路径，只想将BitmapData显示为图像。我应该在WinJS中使用什么控件以及如何使用它？

浏览 0提问于2012-11-16得票数 0

回答已采纳

1回答

在维护css控件的同时重用SVG图像

html、css、svg

我有一些剪影类型的图像，他们需要能够改变颜色，有时只是显示在不同的位置，有时为了悬停效果。这对于直接嵌入到HTML中的SVG来说是非常容易的。复制粘贴和CSS到你的心的愿望。但是我必须复制、粘贴或编程插入我想要的任何地方。其中一些被使用了数十次。重复传输相同的SVG标记似乎是一种糟糕的做法。有没有一个最好的双世界解决方案，在那里，我可以CSS的路径，并以某种方式重用SVG的前端？

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

回答已采纳

2回答

跨浏览器透明信件

css、google-chrome、firefox、cross-browser

我正在创建一个博客，在博客的顶部是一个场景的图像(我使用了一张纽约市的图片)，上面是最近的博客帖子的文本。我认为让字母有一个轮廓，但仍然可以是透明的，这样观众仍然可以看到图像，这将是非常酷的。我最终使用了webkit-text-isn属性，它根本不是跨浏览器的。我已经在Chrome和Firefox中附加了它的图像，后面有一个文本阴影，这样你就可以看到文本阴影在没有颜色的情况下(某种程度上)是如何出现的。有没有办法在现代浏览器中获得想要的效果(文本周围有边框，但没有颜色)

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

回答已采纳

2回答

变换整个Cocos2d层以模拟X射线外观

iphone、ipad、image-processing、cocos2d-iphone、effects

我正在使用Cocos2d构建一个iPad应用程序。我想要将整个层(以及它的所有子精灵)转换成看起来有点像X射线的东西。也就是说，这是一个黑白的图像，其中的白色有一点发光。我希望你们中的一位有一个或两个想法。:-)

浏览 0提问于2010-11-11得票数 1

回答已采纳

1回答

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

javascript、html、canvas、drag-and-drop

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

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

回答已采纳

1回答

背景大小偏移图像

html、css、background-image、background-size

我正在使用skrollr创建一个缩放效果，非常类似于。我使用的背景图像是一个SVG，变焦效果是通过将背景大小从非常高的值(>2500%)更改为100%来实现的。现在，一切都很好，期望css属性“背景大小”似乎是有限的。我不能应用高于2600%的值。如果我这样做，取决于浏览器，背景图像将被移动或将完全不显示。出现的问题是，对于固定值(例如，2500%)，取决于用户的屏幕大小和分辨率，图

浏览 0提问于2016-01-18得票数 0

8回答

如何复制PS多层模式

css、image、overlay、photoshop、rgba

有没有人知道用图像或CSS复制Photoshop的多层模式的好方法？我正在做一个有缩略图的项目，当你将鼠标悬停在缩略图上时，缩略图会有颜色覆盖，但设计师使用了一个图层集来进行倍增，而我不知道如何在web上生成它。我想到的最好的方法要么是使用rgba，要么是一个透明的png，但即使这样，它看起来也不正确。

浏览 10提问于2010-06-02得票数 51

回答已采纳

1回答

某些SVG图像uri未加载反应本机svg* uri*

javascript、reactjs、react-native、svg、react-native-svg

我正在使用"react-native- svg -uri“库从云中加载svg文件。6%")} /> 此特定SVG文件URL不起作用。但是使用相同的URL，我可

浏览 6提问于2021-02-23得票数 1

3回答

CSS去饱和化背景图像仅WIth Div中的其他图像保持饱和

css

我试图降低div的背景图像的饱和度，同时让同一div中的图像保持饱和。我已经找到了一个与我想要做的事情很接近的例子(除了w/ blur)，但是我已经尝试了它的多个变体，但都没有成功。在下面的代码中，.desaturate类正确地应用了滤镜属性，并将bg图像转换为黑白。此部分标记中的其他图像w/如预期的那样继承了去饱和度，但当我试图通过img.saturate类“重新饱和”时，它并未被应用。我已经将我的代码缩减到尽可能短的/基本的，以解释我想要做的事情。任何可以做到这一点的想法

浏览 0提问于2014-12-20得票数 6

回答已采纳

2回答

如何使用javascript/html从SVG文件中插入对象？

javascript、html、svg

我有一个SVG文件，在一个层上有一堆不同的对象。是否可以在网页上显示文件中的特定对象，而不首先将对象拆分成自己的文件？

浏览 0提问于2017-08-15得票数 1

回答已采纳

1回答

禁止播放不同屏幕大小的不同div(具有相同动画效果)的动画

javascript、jquery、css

我有一个使用三个div的登录页面。在三个div中，只有一个div设置为以任何特定屏幕大小显示。每个div使用媒体查询以特定的屏幕大小加载。Div1 ->宽度最高可达800pxDiv3 ->大于1400px宽度每次页面加载div中的背景图像时，都会使用CSS过滤器将黑白图像更改为彩色图像结果，由于div被加载，它再次加载了黑白到彩色的CSS滤镜<e

浏览 1提问于2016-11-20得票数 0

1回答

在沙盒iframe中加载SVG过滤器

javascript、css、iframe、cross-domain

我正在尝试加载一个SVG，以用作中描述的CSS filter。我在应用程序的根域上托管SVG，并且在我使用srcdoc属性创建的iframe中使用上述SVG。我使用iframe的原因是因为我在iframe中呈现任意用户输入，并且设置了沙盒属性(没有跨域请求，也没有访问根应用程序cookie的权限)。我尝试使用URL.createObjectURL函数并直接传递svg，但仍然收到以下错误： Not allowed to load loc

浏览 33提问于2021-03-14得票数 0

1回答

Wheelnav:有没有办法重置或调用物品的悬停效果？

javascript、html、css、wheelnav.js

然而..如果您将鼠标放在按下某个项目时所在的位置，则不会使用“onhover”方法突出显示在鼠标下方移动的新项目。要在鼠标下方的项目上强制悬停效果，您必须将鼠标移到项目的标题上，或者从项目移开，然后将鼠标移回项目上，以再次显示悬停效果。这是一个在主页上的示例中也存在的问题，以防你想要尝试它。项目不会突出显示，直到您移动鼠标，在标题上或重新进入div。在第一张图片中，鼠标悬停在“CSS”项上。当我选

浏览 4提问于2021-04-27得票数 0

2回答

如何在msysgit中启用语法高亮和语法缩进？

git、vim、msysgit

我正在为windows使用mysgit，但是mysgit vi编辑器无法为我的源代码(html/python/css )做语法突出显示和缩进.(档案)无法做的是缩进。我尝试将ftplugin文件夹从我的GVim7.2安装复制到Git Vim72文件夹，但仍然没有缩进。我尝试过将文

浏览 4提问于2010-04-16得票数 4

7回答

如何使用CSS创建磨砂玻璃效果？

html、css、image-processing、transparency、css-filters

我想创建一个固定在一个位置的div，并使其半透明-使其后面的内容部分可见和模糊。我正在寻找的样式类似于中“See All”缩略图的div。注：div有一个固定的位置，背景滚动。scolls的背景是文本和照片的混合。

浏览 0提问于2013-06-13得票数 11

回答已采纳

3回答

如何在悬停时更改SVG图像的颜色？

html、css、javascript、svg

可能重复：现在，我有一个黑色的问号从Illustrator导出到SVG。我可以用img标签放在我的页面上，它显示得很好，但是我不知道如何在代码中改变颜色。

浏览 7提问于2012-08-27得票数 6

回答已采纳

3回答

彩色化灰度图像

javascript、image、html、svg、svg-filters

我想要的效果如下：从左到右，它们显示了原始灰度图像，用户选择红色作为背景颜色的图像，以及具有红色背景/黄色前景的相同图像。我只针对最新版本的WebKit、Firefox和Internet Explorer，所以html5、css3和svg效果就可以了。图像可以是直接的html <img>标签，也可以是<svg>标签中的<image> (实际上后者更好)。一个理想

浏览 2提问于2012-12-27得票数 2

回答已采纳

3回答

如何用css制作透明羽毛

javascript、jquery、html、css

这是我想要得到的结果：我意识到这个问题之前已经发布过了，并且我已经使用例如box-shadow attr查看过这些选项。我认为这种方法有问题。这在CSS中是可行的吗？这是到目前为止我使用box-shadow得到的结果：body{} background: red; width: 200px;

浏览 8提问于2015-12-22得票数 5

1回答

使用IE10和背景-大小:封面模糊；

html、css、svg、internet-explorer-10

我正在开发一个页面，允许用户在div上显示自定义背景图像，然后通过CSS进行模糊。#menuImage {<svg class="blur-ie"> <filter id="bl

浏览 3提问于2017-03-14得票数 0

点击加载更多