怎样在任意图片上编辑文字2

来源:百度文库 编辑:神马文学网 时间:2024/03/29 05:38:52
怎样在任意图片上编辑文字—非草编辑
使用方法就是复制下面这段代码到博文栏!

 








 

 

 

 

 

 

 


在任意图片上编辑文字.  

 

 

 

 

 

 

 

 

【代码说明】:
代码中的:width=670   代码意思就是:宽度=670!
你要用的 图片需要多宽,就把“670”改变一下!420·550都行!
根据你要用的图片而定。不能太大了!再大就会出格,不美观!
代码中的:http://static3.photo.sina.com.cn/orignal/511dbd8f45d7082e310f2&690
【这个是上面黑色图片的网址!】
====这个就是你要用来编辑的图片地址!任何图片的地址都可以在上面的代码里面“置换”!!
(图片地址获得:在任意图片上按右键;会打开一个栏,点击最下面有个属性!就能看到该图片的网络地址!!)
代码中的:在任意图片上编辑文字:  就是蓝色图片中的文字了!!
打个比方我要这张红色图片上编辑文字:

(这只是一个图片,是不能直接写字的)
首先我在该图片是点击右键,再点击它的属性,获得它的地址:
http://image4.360doc.com/DownloadImg/2009/8/12/156606_4881913_1
(这个图片的地址)
再把上面介绍的代码复制来:

 








 

 

 

 

 

 

 


在任意图片上编辑文字.  

 

 

 

 

 

 

 

 

===将:
http://image4.360doc.com/DownloadImg/2009/8/12/156606_4881913_1
该图片的地址置换进去就可以了----
我将这段代码 显示一下出来,
在任意图片上编辑文字.
再点解一下上面这图片为什么会不同于红色原图??(为什么宽了原图这么多??)
因为红色原图片的长宽是:宽640 X 长945 像素。代码中的 width=670
要该成:width=640   (宽度=640!)
===所以是width=670 的缘故!我改成width=640 再次显示一下!下面就正常了---
现在就可以在上面随意打字了---
在任意图片上编辑文字.     大家学习快乐---    虽然看着有点晕头。是我讲解得全面一点, 因为这些情况我们都会遇到!     怕大家到时会搞不清楚! 所以详细了一点!   只要任意拿张图做三遍,你就会学会了!     如果是用小图片:宽度420·285·· 那么width=670 也要改成: width=420或width=285!   以此推理··
下面这张图片是670 X 1740 像素的!
所以 width=670 可以不必改--  直接将下面图片的地址在代码里置换就好了。

文字类特效
1、普通文字--基本文字

插入文字


讲解:
align=center 表示字体居中,可选值为居右(right)居左(left)
color=颜色代码 face=字体 size=字体大小,这里的最大值为7取值越大文字就越大.
特大字体:
插入文字
讲解:
font:40pt 数值越大文字就越大。
2. 移动文字:
基本代码:
插入文字
说明:
direction=移动方向向上(up) 向下(down) 向左(left) 向右(right)
特殊效果:
插入文字
说明:
behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次 behavior=alternate 来回走
停停走走:
插入文字
各主要参数的含义:  align:是设定活动对象(图片或文字)的位置;
direction:用于设定活动对象的滚动方向是向左、向右、向上、向下;
Behavior:用于设定滚动的方式,主要由三种方式:behavior="scroll"表示由一端滚动到另一端;behavior="slide" 表示由一端滑动到另一端,且不再重复;behavior="alternate"表示在两端之间来回滚动。
Height:用于设定滚动对象的高度;
Width:则设定滚动对象的宽度;
Hspace和vspace:分别用于设定滚动对象的左右边框和上下边框的宽度;
Scrollamount:用于设定活动对象的滚动距离;数值越大滚动越快;
scrolldelay:用于设定滚动两次之间的延迟时间,数值越大越有跳跃感;
Loop:用于设定滚动的次数,不设置该值则为无限循环;
标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。
一、文字大小、字体、颜色
1. 设置文字大小的属性是"size"他的取值范围是1到7。其中1为最小,7为最大
格式:<fonr size=文字大小>被设置的字</font>
2. 设置文字字体属性是"face"
格式:<font face=文字字体>被设置的字</font>
3. 设置文字颜色的属性是"color"
格式:<fonr color=文字颜色>被设置的字</font>
二、文字其它基础效果
1. 文字加粗:<b>被设置的字</b>
2. 文字斜体:<i>被设置的字</i>
3. 文字下划线:<u>被设置的字</u>
4. 文字删除线:<s>被设置的字</s>
5. 文字移动
格式:<marquee scrollAmount="移动速度" direction="方向" >被设置的字</marquee>
设置移动速度属性是scrollAmount,他的取值范围是1到10。其中1为最慢,10为最快
设置移动方向属性是direction,"up"(上),"down"(下),"left"(左),"right"(右)
三、文字段落设置
1. 文字换行:换行标记是<br>,放在文字结尾处使得其后的文字在下一行显示
2. 文字段控制:段落标记是<p>,放在文字后,使其后文字空一行后换行显示
这里介绍<p>标记的一个简单属性:"align"用来设置文字段落的对齐方式。
属性值有"center"(居中对齐),"left"(向左对齐),"right"(向右对齐)
格式:
<p align=属性值>被设置的段落</p>
3. 文字的分区显示:标记为<div> ,属性同<p>
格式:
<div align=属性值>被设置的段落</div>
四、文字链接设置
1. 点击文字转到链接地址
格式:
< a href="所要连接的相关地址">被设置的字</a>
2. 点击文字在新窗口中打开链接地址
格式:
<a href="相关地址" target="_blank">被设置的字</a>
html常识:
1、基本语法:

插入文字


2、属性如下:
align=center 表示字体居中,可选值为居右(right)居左(left)
color=颜色代码 ff0000(红色) 00ff00(绿色) 0000ff(蓝色) 000000(黑色) ffffff(白色)
还可以改变数值,变化出若干种颜色,如:ff5577, 33ff99, 8855ff,数值不同,
颜色就不同了.例如,红色就表示为:color=#ff0000
face=字体 说明:需要什么字体就输入什么字体几个字,如,我要“华文行楷”,就表示为:face=华文行楷
size=字体大小   如,size=1  size=2  size=5
非草图书馆最受欢迎的文章
300条人生经典感悟[极度收藏]美女——难以招架的诱惑
梦想与隐居——非草  中国饭局里的潜规则 [极度收藏]
中国诗词佳句鉴赏集[极度收藏]图文] 谨献给真正的男人——非草 
女人入洞房那天[精典之作]“玄学”不可思議的因果現象
成为网赚高手的15点总结民间53个不传之密[极度收藏]
经典得让人读了又读的语句2万条最经典的广告词
人际原则——黑铁法则别把世界看错了……【人生感悟】
人间方圆潜规则(成人篇)大汇集[图文]女人闺房私密[男人禁入]
高清美景 真是美……《你为什么是穷人》全集[收藏]
毛泽东为什么要开展延安整风运动?缘起缘灭 岂能奈何
近期作品请浏览…