Question

我在页面上编辑。当你移动一个物体改变画面时（一个简单的绘画场引导的效果+已经在图像中进行了额外的铭文，这是主要的替换）在页面html的工作中，当你在rails应用程序中添加VIEV不工作时（不是查看图像）。如何在rails app中添加图像映射

<div>
  <p> <img id="map5" src="001_0.png" width="1200" height="480" usemap="#Navigationmap5"> </p>
  <p><map name="Navigationmap5">
    <area shape="poly" coords="293,415,395,414,522,416,524,448,433,451,433,456,388,456,343,457,259,461,229,458,175,456,176,423,227,417" href="#" title=""onmouseover="document.getElementById('map5').src='001_12.png'" onmouseout="document.getElementById('map5').src='001_0.png'">
    <area shape="poly" coords="164,399,164,410,222,400,233,399,242,399,259,399,276,399,291,398,522,402,522,390,292,383,274,385,259,385,243,385,226,385,165,398" href="#" title="" onmouseover="document.getElementById('map5').src='001_21.png'" onmouseout="document.getElementById('map5').src='001_0.png'" >
   </map></p>
</div>

Answer 1

我怀疑你的问题是硬编码的图片链接：

<img id="map5" src="001_0.png" width="1200" height="480" usemap="#Navigationmap5">

您可以将其更改为image_tag（并将您的实际图片放入资产/图片文件夹）

<%= image_tag "001_0.png", :id => "map5", :width => "1200", :height => "480", :usemap => "#Navigationmap5" %>

或类似的东西。注意：这尚未经过测试 - 您需要检查rails文档并确保它是正确的。

rails中的图像映射不起作用

1 个答案: