可以使用墨水瓶工具,但是要先把文字打散(可以打散之后再组合起来)粗细和颜色都可以调,粗细就是笔触,颜色就是前景色(边框颜色)  …

CSS3作为新兴的前端技术可以实现很多复杂变化的效果,比如文字描边. 这里主要用到text-shadow属性,顾名思义就是为文字加上阴影效果.例: text-shadow:10px 5px 2px #f60; /*text-shadow:x位移 y位移 模糊程度 颜色 */ 其中:x位移和y位移表示阴影相对文字的偏移值,可以为负值. 思路其实很简单:对四个方向都作出模糊程度为零的1px阴影. -webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -…

// // myttf.h// // Created by 王天宇 on 14-6-12. // // #ifndef ____SLG__myttf__ #define ____SLG__myttf__ #include <iostream> #include "cocos2d.h" USING_NS_CC; using namespace std; class myttf { public: //给文字添加描边 CCLabelTTF* textAddStroke(cons…

给需要实现文字描边的元素添加如下CSS3的属性 text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; -webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; -moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; *filter: Glo…

思路: 利用CSS3的text-shadow属性,对文字的四个边均用阴影. 最终效果: 单纯的为了实现效果.未作任何美化. 实现代码: HTML: <div>文字描边效果</div> CSS: div{ text-shadow: 2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #000, 0px -2px 0px #000; } text-shadow属性: 语法: text-shadow : none | <length&g…

在设计的时候,单一的文字,往往对人没有多少的吸引力,这就需要我们在文字上加一些文字特效,比如说外发光,描边,投影,等等.在这里我们详细的介绍一下文字的输入,和文字描边的怎么增加,删除的经验.(这些方法不只适用于文字,图片也可以的) 步骤阅读   百度经验:jingyan.baidu.com 工具/原料   电脑 photoshop 百度经验:jingyan.baidu.com 方法/步骤   1 首先我们要新建一个图层,文件>新建,建一个属于自己的文档. 步骤阅读 2 然后利用左侧的T(文字工具…

Android开发:文字描边 转自:http://www.oschina.net/code/snippet_586849_37287 1. [代码][Java]代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59…

TextView文字描边实现 需求描述 文字显示在图片的上面,图片的内容是不确定了,为了防止文字与图片的颜色相近导致用户看不到或者看不清文字的问题,所以显示文字描边,避免问题. 实现 实现思想 使用TextPaint绘制相同文字在TextView的底部,TextPaint的字显示要比原始的字大一些,这样看起来就像是有描边的文字. 代码 1.attrs.xml文件 <?xml version="1.0" encoding="utf-8"?> <res…

CSS3作为新兴的前端技术可以实现很多复杂变化的效果,比如文字描边. 这里主要用到text-shadow属性,顾名思义就是为文字加上阴影效果.例: text-shadow:10px 5px 2px #f60; 各位置参数说明: text-shadow:x位移 y位移 模糊程度 颜色 其中:x位移和y位移表示阴影相对文字的偏移值,可以为负值. 现在说正题,这种思路其实很简单:对四个方向都作出模糊程度为零的1px阴影. 写法如是: -webkit-text-shadow:#000 1px 0 0,#…

总结一下,canvas 画布 文字描边的2种方法以及其不同的视觉效果: 效果图: 具体代码: <canvas id="canvas" width="800" height="440" style="background:black;"></canvas> <script> var c = document.getElementById("canvas"), ctx = c…

原文:WPF文字描边的解决方法(二)--支持文字竖排和字符间距调整 自前天格式化文本效果出来后,今天又添加文本竖排和调整字符间距的功能.另外,由于上次仓促,没来得及做有些功能的设计时支持,这次也调整好了. 由于本人比较懒,没有重新做,文字竖排和字符间距主要是通过新建继承自StackPanel的FormatedText类逐字符添加StrokeableLabel做的,竖排是用的StackPanel.Orientation来设置的,字符间距主要用的StrokeableLabel.Margin. 对于S…

原文:WPF文字描边的解决方法  由于项目原因,今天研究了一下午WPF的文字描边,网上这方面的资料奇少,搞了半天才发现强大的WPF原来不直接支持文字描边啊.最后求助于MSDN,找到了方案,和大家分享一下: 主要思路:用FormattedText将字符串转换为Geometry,再在重写的OnRender(DrawingContext drawingContext)方法中绘制Geometry.效果如图. 组件的主要属性: Text属性设置文字 Fill属性设置文本本身的画刷 Stroke属性是描…

Westciv Tools主要为CSS3提供了渐变gradients.盒子阴影box-shadow.变形transform和文字描边四种在线生成效果的工具 1.Westciv Tools 彩蛋爆料直击现场 Westciv Tools主要为CSS3提供了渐变gradients.盒子阴影box-shadow.变形transform和文字描边四种在线生成效果的工具.…

用CSS3实现的文字描边效果,一个CSS3文字特效实例,字体可以自己随意改,字体颜色也可以自己改.IE9以下浏览器无效果,所以提醒大家测试时候要使用Google Chrome.-webkit-text-stroke可以为文字添加边框.它不但可以设置文字边框的宽度,也能设置其颜色.而且,配合使用color: transparent属性,你还可以创建镂空的字体! 语法如下: -webkit-text-stroke:宽度 颜色 接下来,为读者准备了一个实例,为段落元素添加文字描边.若浏览器不支持描边则…

问题 最近遇到一个需求,需要实现文字的描边效果,如下图           解决方法一     首先想到去看CSS3有没有什么属性可以实现,后来被我找到了text-stroke     该属性是一个复合属性,可以设置文字宽度和文字描边颜色    该属性使用很简单:text-stroke:1px #f00;(1px是文字宽度,#ff是文字描边颜色) 本以为该属性的兼容性会及时止住我微微上扬的嘴角,随后逐渐凝固 但出乎意料的是大多浏览器已经开始支持该属性,只需要加上前缀-webkit-即可 Demo…

1. 前言 WPF 的 TextBlock 提供了大部分常用的文字修饰方法,在日常使用中基本够用.如果需要更丰富的表现方式,WPF 也提供了其它用起来复杂一些的工具去实现这些需求.例如这篇文章介绍的文字描边,就有几种方法可以在 WPF 中呈现.这篇文章将简单介绍这实现文字描边的方法. 2. 将文字转换位 Geometry 实现文字描边的关键是使用 FormattedText 将文字转换为 Geometry,然后通过其它技术将 Geometry 加上边框再画出来. 在 WPF 中,Geometry…

text-stroke:<' text-stroke-width '> || <' text-stroke-color '>(text-stroke-width:设置或检索对象中的文字的描边厚度.text-stroke-color:设置或检索对象中的文字的描边颜色) <h2 id="demo">这是描了1像素的文字</h2> #demo{ color:#555; -webkit-text-stroke:1px #f00; -webkit-…

-webkit-text-stroke: 3.3px #2A75BF; -webkit-text-fill-color:#fff; 该方法在安卓端貌似不支持,显示为一团 或: -webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; -moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; text-shadow:#00…

<div>这里是待复制的文字或图片</div> var range = document.createRange(); var referenceNode = document.getElementsByTagName("div")[0]; range.selectNode(referenceNode); window.getSelection().addRange(range); try { var successful = document.execComm…

svg动画在网页中是经常见到的,svg动画使得网页看起来清新美观 任何不规则图形都可以由svg绘制完成,当然也包括文字,文字本身就可以看作一个不规则图形…

在CSDN看到的,在此记下. (http://bbs.csdn.net/topics/390703095) import javax.swing.*; import java.awt.*; import java.awt.font.GlyphVector;   public class Test extends JComponent {     public static void main(String[] args) {       SwingUtilities.invokeLater(ne…

<script type="text/javascript" src="/js/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="/js/zClip.js"></script> <struts:iterator value="list" id="list&qu…

-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; -moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; );…

//文字描边效果var tf1 = _root.createTextField("tf1", _root.getNextHighestDepth(), 10, 10, 0, 0);tf1.autoSize = true;tf1.text = "AS描边文字效果演示";tf1.textColor = 0xFFFF00;var myGlowFilter = new flash.filters.GlowFilter(0x000000, 1, 2, 2, 10, 1, fa…

这篇文章我们主要来拿官方的控件来研究一下,我们来仿照官方的控件,自己来实现它提供的控件: 首先来看看基本的图片与文字的绘制,很简单. 一.imageView 所有的视图都是继承自UIView,所以我们的ImageView也是继承自UIView,我们自己写的用My开头,以便于区分. 1.对于ImageView,我们需要绘制,需要提供图片资源,所以在我们的头文件里我们这样定义: 2.回到MyImageView.m文件里,找到绘制函数: 嗯,没错这样就写完了... 接下来回到ViewControlle…

一.HTML中多媒体的应用_falsh动画(往网页中插入Flash动画) 1. Flash动画插入第一种方法:使用<embed>...</embed>标记动画会自动缩小 属性: src=url(Flash路径) width=像素/百分比(flash宽度) height=像素/百分比(falsh高度) wmode window 使 flash 自身的矩形窗口来播放 opaque 使 flash 隐藏页面上位于它后面 transparent 使 flash的 背景透明 <embe…

关于字体描边的实现,不考虑效果和效率的话,是有三种方式: ① 利用CCLabelTTF制作文字描边和阴影效果 ② 利用CCRenderTexture渲染文理的方式生成带有描边效果的文字 ③ 利用shader来实现,使用cocos2dx中CCGLProgram类与OpenGl绘图机制中的着色器交互来实现 第三种方式我没试过,不过基于shader的强大特效功能,实现起来是没问题的,后面我还会写一篇关于shader来实现改变纹理颜色做特殊效果的文章.现在我们主要研究一下前两种.前两种方式从原理来说都是…

转载地址:http://www.taikr.com/group/2/thread/1606 关于cocos2dx 字体描边的实现,不考虑效果和效率的话,是有三种方式: ① 利用CCLabelTTF制作文字描边和阴影效果 ② 利用CCRenderTexture渲染文理的方式生成带有描边效果的文字 ③ 利用shader来实现,使用cocos2dx中CCGLProgram类与OpenGl绘图机制中的着色器交互来实现 第三种方式我没试过,不过基于shader的强大特效功能,实现起来是没问题的,后面我还会…

添加文字版需要用到osg的三个名字空间:                         osgText::Text,这个类用来添加文字和设置文字的一些属性:                         osg::Geometry,这个类用来画常见的图形:                         osg/ShapeDrawable,通过这个类也可以画一些常见的图形,并且可以吧Geometry加进osg::Geode节点中: 下面先简要介绍一下这三个命名空间:   1.osgText:…

投影的设置 -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, transparent), to(rgba(250,250,250,0.1))); 文字投影 -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(…