在贝塞尔曲线上配置扭曲.doc

在贝塞尔曲线上配置扭曲.DOC:任意路径周围的"翘曲"html文本。(。<8kb缩小解压缩)javascript库,用于在任意路径上扭曲任何HTML文本。文本看起来就像是用illustrator工具的attach-to-path创建的。它是纯HTML文本,可以用CSS,复制和抓取样式。csswarp独立工作,不依赖于jQuery或者其他库(一个jQuery插件正在工作中)。。现在它可以在任何支持css3转换的现代浏览器中工作。IE版本<9的支持计划用于未来版本。:它是如何工作的?脚本解析应该扭曲的节点的DOM。然后,它将用CSS3transfoms变换每个字母,给出一个假想路径后面的文本。:在HTML文档的头部或者结尾放置对脚本的引用。创建配置对象。这里对象将包含要拼接的节点列表和有关字距。缩进。对齐和更多的设置。确保字体已经完全加载,然后将该对象的脚本作为参数调用。:要配置翘曲,你需要首先定义一个配置对象。below是所有属性的列表,其中一些是必需的,大多数是可选的。varmyWarp={path:<Object>|<Array>,targets:<Array>,rotationMode:"rotate"|"skew"|"none",indent:<length>,showPath:{thickness:<number>,color:<string>},fixShadow:<boolean>,css:<string>,callback:<functionobject>}在第二个步骤中,将调用cssWarp()函数并将"mywarp"作为参数传递:cssWarp(myWarp);有可能拥有任意多的扭曲对象。cssWarp(myWarp,anotherWarp);路径(必选):必须使用(查看below"对象定义圆形属性,围绕圆")或者包含bezier控件点的坐标的array在bezier曲线")中指定(查看below"warp。如果这里属性丢失或者格式错误,cswarp将引发错误。目标(必选):必需。包含包含一个或者多个dom对象名称的字符串的array。可以提供html标签。类名或者id的NAME。rotationMode(可选):这里属性定义文本沿路径扭曲的方式。默认值为"旋转"。如果希望文本垂直偏移,请选择"偏斜"。在不失真且遵循路径的文本中,使用"无"(在本例中设置fixShadow为"false"是个好主意)。缩进(可选):可选。text-indent,比如"2cm"。a,d,d,em,,vm,ch,pt,ch,pc,pc,pc,pc。对齐(可选):文本的左对齐,居中对齐或者右对齐,可选值。在贝塞尔曲线上对齐文本:左"。当设置为"右,文本将与曲线的结尾对齐。""beziers是不可能的,它将落回到"中心"。在圆上对齐文本:""。默认值为"角度"属性定义了我们的文本与之对齐的参照点。假设"角度"被定义为"0deg"。左"将导致在圆周围顺时针开始一个文本,以12:00开始,"右将产生一个文本,该文本在12:00处结束。"中心"意味着文本将同样扩展到12的左右两端:(可选):可选(默认值:"false")。