求大神给个把照片改成心形的代码

问题描述

用dreamweaver做网页，求大神给个可以把照片形状改成心形的CSS代码，在网上一直没找到，求大神帮忙！！！

解决方案

解决方案二：
做个PNG,中间挖空挖成心形再盖到上面OK<styletype="text/css">.xin{position:relative;width:200px;height:200px;display:block;}.xinimg{width:200px;height:200px;}.xin.x{postion:absolute;left:0;top:0;}</style><spanclass="xin"><imgsrc="图片地址"><imgclass="x"src="心形的PNG"></span>

解决方案三：
引用1楼wansai00的回复:

做个PNG,中间挖空挖成心形再盖到上面OK

问题在于这个“心形”之外应该透明地显示图片背后的东西，而png图片是做不到的。这种图片剪裁必须用程序来完成。如果js做不了（实际上js已经可以编写性能要求不高的图像处理系统了），你可以用你的服务器系统（比如c#程序）来完成，然后通过src属性从服务器下载。
解决方案四：
高级。。。。。。。。。。。。。。。。。。。
解决方案五：
引用2楼sp1234的回复:

Quote: 引用1楼wansai00的回复:

做个PNG,中间挖空挖成心形再盖到上面OK

问题在于这个“心形”之外应该透明地显示图片背后的东西，而png图片是做不到的。这种图片剪裁必须用程序来完成。如果js做不了（实际上js已经可以编写性能要求不高的图像处理系统了），你可以用你的服务器系统（比如c#程序）来完成，然后通过src属性从服务器下载。

做一个心形的PNG，用填充的方式，给他上面的心形进行覆盖，PNG本身就是透明的，不就行了？