Question

我的asp.net项目中有一个图片上传工具，上传时会生成一个图像缩略图并保存到磁盘。

我理想的做法是将一些漂亮的造型效果应用于此缩略图...类似于iPhone上的图标外观......可能是一个轻微的渐变，光滑的圆角和边框。

希望有人知道现有的图书馆会这样做吗？ - 商业或其他（这将节省我在.net GDI空间中钻研太多！）。

任何指针都很受欢迎。感谢。

Answer 1

一个想法：如何创建一个带有渐变的.png来坐在现有图像上？

Answer 2

创建更大尺寸的图形。然后用draw方法将原始图像放到预期的坐标。并绘制从文件加载或在内存中生成的其他位图或图像。对于反射，您可以使用现成的算法或使用GetPixel方法自己实现

Answer 3

由于这是针对网络的，我强烈建议不要在上传时尝试将PNG与原始内容合并。您最好的选择是在上传时对图像等进行任何大小调整，然后在整个站点/应用程序中使用图像，您将绝对定位的PNG浮动到顶部。 PNG将根据您的需要将其4个角弯曲，并根据需要应用投影。

如果图像在显示时具有不确定的大小，则可以使用“门户”或“切出”来实现 overflow:hidden;。

示范;

你的图像是500 x 500.你想要一个100 x 100的图标。如果你按HTML重新调整大小，它看起来会很乱，所以放下div，添加500 x 500图像的background-image和overflow:hidden;与width:100px;height:100px;。然后创建另一个div，在此处应用position:absolute;left:0;top:0;z-index:2;width:100px;height:100px;您的透明PNG。

然后在你的页面上;

<div style="background-image:url('/images/thumbnail.jpg');width:100px;height:100px;overflow:hidden;z-index:1;">
    <div style="position:absolute;left:0;top:0;z-index:2;width:100px;height:100px;">
        <a href="/ifclickable.htm"><img src="/images/transparent.png" alt="alt for img here" /></a>
    </div>
</div>

这意味着您的图标无法被破坏，您只需要重新调整上传大小。

希望有所帮助。

在缩略图图像上创建“iPhone样式图标”效果？

3 个答案: