添加图像作为边框

Question

我有一张我称之为user_image的图片，我有另一张图片，我称之为border_image。

我想执行的功能就像点击border_image（* Cars2_h.gif *）一样，它应该显示为user_image（ flowers.jpeg ）的边框。

现在我的旧团队成员已经在java中使用图像渲染完成了这项工作，我不确定他们是如何做到的。

我想在ruby中执行相同的功能（转移到 Ruby On Rails ）。我非常需要你们的帮助。

我尝试使用mini_magick复合方法，但它没有按预期工作。

Answer 1

如果我理解你正在尝试实现的目标，那么在CSS中客户端就可以轻松完成。使用CSS背景属性来定义边框图像，分配给CSS类，然后单击以切换主图像的CSS类。在它周围提供填充，以便背景可见，就是这样。这里有一些pseude代码，我为你创建了一个JSFiddle，你可以在这里看到它http://jsfiddle.net/RK8CD/

HTML

<button id="toggle">toggle background</button> 
<img id="user_image" src=".....">

CSS

.withBackground { 
   background: url('....') repeat;
   padding:20px;
}

JS

$('#toggle').click(function() {
    $('#user_image').toggleClass("withBackground");
});

如果你想使用多个图像作为背景并让用户选择，那么最好直接设置CSS属性，而不是为每个图像创建一个单独的类。