自定义HTML中的图片

时间:2017-03-23 13:50:37

标签: html image

我需要建立一个允许您购买定制鞋子的网站。 其中一个功能是你看到一双鞋子的页面,然后你可以选择 '贴纸'穿上鞋子,以及那些贴纸的颜色。 这些可以从鞋子旁边的面板中选择。

我在考虑如何做到这一点, 我的想法: 显示这双鞋的图像 那个图像我放了两个小img标签(代表 贴纸),当用户点击一种贴纸时,我填写了img-tag 贴纸。当用户选择颜色时,我替换img-tag中的图像 带有选定颜色的贴纸图像。

但这需要绝对定位(不响应?)和许多图像组合 (所有颜色的所有贴纸)......

那么,最好的方法是什么? 我不认为这有一种插件吗?

1 个答案:

答案 0 :(得分:0)

你可以使用百分比或vh / vw来做出绝对位置响应,尽管你可以使用画布在单个标签中渲染你的鞋子和贴纸。

对于贴纸的着色,可以使用SVG。您可以更改SVG色宽JavaScript而无需任何其他上传。但对于复杂的图像来说,这并不是很有用。