0

我有一个我称之为的图像，user_image我有另一个我称之为的图像border_image。

我想做一些功能，比如当我单击border_image(*Cars2_h.gif*) 时，它应该看起来像 (flowers.jpeg)user_image的边框。

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

我想在 ruby​​ 中做同样的功能（转向Ruby On Rails）。我非常需要你们的帮助。

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

4

1 回答 1

0

如果我正确理解您要实现的目标，那么这在 CSS 中更容易完成客户端。使用 CSS 背景属性来定义边框图像，分配给 CSS 类，然后单击只需切换主图像的 CSS 类。在它周围提供填充，以便背景可见，仅此而已。这是一些伪代码，我为您创建了一个 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 属性而不是为每个图像创建单独的类。

于 2013-05-28T09:06:01.910 回答