如何为图像(x浏览器)创建三角形容器
||
我将如何创建包含IMG的DIV,其中DIV将图像切成三角形,从而仅通过三角形显示图像的一部分。
所以..
<div>
<img src=\'some_image\' />
</div>
其中图像是正方形,但包含图像的DIV是三角形。
http://www.script-tutorials.com/creating-kaleidoscope-using-jquery-and-css/很好地解决了这个问题,除了该解决方案不是x浏览器友好的(非IE)。
http://css3pie.com/看起来很有趣,但这依赖于PHP。
没有找到相关结果
已邀请:
2 个回复
好按紊叉
元素。 我建议使用Raphael。它是一个Javascript库,可以使用SVG(或IE的VML)直接绘制到浏览器中。使用它创建三角形并用图形填充它们很简单。请参阅Raphael主页上的示例以开始使用。
断跑胺弄萎
,您将无法制作三角形DIV。但是,一种解决方案是将div放置在有问题的div内,而PNG切割的图像仅显示一半透明部分穿过。虽然不确定这对您来说是否可行。