English 中文(简体)
是否可在超文本5中采用像摄影机一样的混合模式?
原标题:Are photoshop-like blend modes possible in HTML5?

我想在我的网页上添加一个红色的试金字码<div>元素,以便不仅看上去透明,而且看上去照相机的多面模式。

<代码><div>s>: 固定,从而使下文的内容迅速变化。

是否有任何超文本5 /CSS3 / canvas /SVG trick?

最佳回答

我设立了一个单独的轻度开放源图书馆,从一个超文本的Canvas背景到另一个模式:context-blender 。 此处为样本使用:

// Might be an  offscreen  canvas
var over  = someCanvas.getContext( 2d );
var under = anotherCanvas.getContext( 2d );

over.blendOnto( under,  screen , {destX:30,destY:15} );

See README, for more information, including the present-support blend patterns.

你们可以利用这一手段,从一个信道到另一个架,而不是标准超文本元素。

问题回答

http://blogs.adobe.com/webplatform 201204/04/adding-blending-to-the-web/> http://blogs.adobe.com/webplatform 201204/04/Add.

http://media.chikuyonok.ru/canvas-blending/>。 了解如何以血管为主。

核对混合模式的来源以及如何应用这些模式(格式比在文体或背景中更容易阅读)。

这等于超文本5,但我可以找到你要求的话。

Javascript blending patterns (OpenGL)。

我不认为像摄影展这样的“混合模式”可以简单地用超文本加以仿效,除非该语文朝另一个方向急剧转变。 但是,看到这样做会比较容易。

我也非常有兴趣这样做。 我为视觉设计师制定的很多布局本来可以使用。 除了这一路面的其他职位外,目前只有第4号,没有使用公开Gl或Canvas。 它使用特别安全等级过滤器。 从Webkit和Mook的夜晚也很少见到,但我看看看看看看看什么事情了。

下面是一些辩论和解释:

IMHO something anyware close to blend modes are too much hard to achieve right now. It s very hard to find any references on feConvolveMatrix, feSpecularLighting, or feColorMatrix, and the examples are just impossible to figure out for me. They could work but I don t know how.

我希望。 EffectGames建议:

div.sprite {
   position: absolute;
   z-index: 2;
   composite: add;
}

这将是一种更好的办法。 也许有些宁雅的数学熟练程度会使我们成为这样做的平衡。

http://www.un.org。 特殊群体更容易采用混合模式。 但是,我测试的没有任何浏览器(FF4、IE9、OM11、Webkit Youngly):,但我也不知道这是否会在超文本部分中使用。

rel=“nofollow”> 这是我最亲眼看到的,而且,所有资产都必须处于vas。 请注意,因特网探索者开始支持尚未结束的第9版的“信道”,因此,如果你必须支持E<,9 你们必须使用工作环绕。

http://blogs.adobe.com

你们已经能够用简单易懂的CSS(no Canvas)加以使用。 例:

mix-blend-mode:  multiply 

互联网探索者可能不支持互联网,但其他浏览者却这样做。

rel=“nofollow”>https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

Depending on the images involved and the exact effect you are after, you might be able to do some creative layering of images and CSS gradients to achieve the desired affect:





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签