怎么在js控制的背景图片里添加文字?

JavaScript024

怎么在js控制的背景图片里添加文字?,第1张

将 id="bg" 这个 div 的 style(样式)中的 position(位置)设置为 relative(相对),

然后在里面加一个 div 写文字,将它的 position 设置为 absolute(绝对),调整 top 和 left 来改变它的显示位置。

把 div 替换为下面这样

<div id="bg" style="position: relative">

<div id="text" style="position: absolutetop: 100pxleft: 200px"><p>添加文字</p></div>

<img src="图片地址自己换上" alt="HIGH">

</div>

在图片上添加文件,可以的,不过需要借助ocr文字识别技术,方法如下:

打开ocr---高级识别---添加文件---识别;

然后呢,在右边直接打上文字,最后,可以保持为图片或者是word!

对上面的方法有所疑问的欢迎提问哦!!!

在图片上写字的步骤如下:

1、小伙伴们打开自己的电脑之后,在左下角处点一下”开始“的图标。展开一个窗口界面之后,再找到里面的”画图“,点一下它,打开画图软件。

2、进入画图软件的界面,点击左上方的白色列表图标,看到下拉列表之后,再点击”打开“的选项。

3、接着咱们在出现的界面上慢慢浏览到某个位置,找到需要加文字的图片之后就选中它,然后再点击”打开“的按钮。

4、在这个画图软件里面出现了咱们指定的图片之后,再在图片上方找到一个字母”A“,点一下”A“,即”文本“的按钮。

5、接着,小伙伴们看看自己想把文字写在照片上的哪一个位置,就用鼠标在那里拖拉出一个文本框。

6、写上自己想增加的文字之后,再选中指定的文字,然后再在字体栏选中想要的字体,在字号栏里面输入或者选择特定的字号大小,甚至看看是否设置粗体或者斜体等格式,选中特定的文字颜色等等。

7、有关文字的各种设置都弄好了,小伙伴们再在照片上文字以外的地方点击一下,就能见到增加的文字在图片上的效果了。

8、最后,小伙伴们再点击左上方的白色列表的图标,然后再点击”另存为“,在展开的列表里面可以看到有png、jpeg等等的格式选择,选中自己想要的图片格式之后,再选择指定的保存位置,点击”保存“就可以了。

给图片加上文字是非常简单的,学会了吗?