如何更改图片上的文字？

-1

下面是图像，我在图像上有文字。我想知道如何改变图像上的文字。其实有人写了代码，我没有得到。请帮我把朋友。 enter image description here 如何更改图片上的文字？

而这是正在处理这个问题的代码。

<div class="TabsV"> 
     <div id="Tab0" class="TabV Selected" style="height: 86px;"> 
      <a style="background-position: -8px -12px; padding-bottom: 70px;" href="javascript: SelectTab(0)"></a> 
     </div> 
     <div id="Tab1" class="TabV" style="height: 116px;"> 
      <a style="background-position: -40px 0px; padding-bottom: 100px;" href="javascript: SelectTab(1)"></a> 
     </div> 
     <div class="TabVEmpty" style="height: 50px;"></div> 
    </div>

来源

2012-11-20 Arpit Gupta

伙计没有文字... –

你可以发布消息吗？你确定这是部分？你确定没有其他脚本指向这些标签吗？ –

@Alex好吧，但图像如何与JavaScript的帮助？ –

你不能！您必须在图像编辑器中编辑这些图像文件。标签中的文字不是在html代码中编码的。

来源

2012-11-20 10:58:23

它看起来像文字是图像的一部分。

因此，您需要编辑实际图像并更改其中的文字。

如果你看一下在页面中使用，你会发现类似的东西样式表

.TabV a{ 
    /*in here you will see the url of the image being used 
    background:... 
    or background-image: url('..'); 
    */ 
}

来源

2012-11-20 10:59:55

宾果..谢谢.. –

它看起来像图像本身包含文本，并通过TabV类应用 - 注意一下背景位置协调一个标签和另一个标签之间的变化。

如果你在你的CSS文件，您应该看到类似：

.TabV 
{ 
    background-image: url(...) 
}

你需要做什么，因此，是操纵作为背景现有的图像，并添加你想要的文字图片。然后你需要修改相应的锚点元素的背景位置。要做到这一点与jQuery的一个方法是：

$('#Tab0').attr("background-position","-16px 20px;"); //-16px and 20px are just an example

哪里#Tab0是第一标签中的CSS选择器。＃Tab1将是第二个标签的css选择器... "#<something>"映射到html标记中的id="<something>"。

该技术本身被称为CSS sprites。你可以阅读更多关于这项技术here。

来源

2012-11-20 11:05:00 Icarus

所以，这是正确的解释。我需要哪些。你说得对。单幅图像本身包含所有文字。我必须进入正确的位置。非常感谢.. :-) –

如何更改图片上的文字？

回答

相关问题