This is an amazing demonstration created by Charles Petzold. He applied Bezier calculation on the point objects and then rendering the text. You are able to customize the Bezier lines as well.
View Demo: New Window
Posts Tagged ‘Text’
16
Nov
Nov
Text Morphing with Decomposed Outlines
Post a comment »
Popularity: 9%
This is a very fantastic animation using text. Read more on Charles Petzold’s article to see how he created this animation.
View Demo: New Window
16
Nov
Nov
Inline Hyperlink
Post a comment »
Popularity: 9%
The default Hyperlink Control in Silverlight doesn’t work inside Textblock. This means that you are not able to create a nice inline Hyperlink inside your text paragraph. However, Jeremy has a very clear solution in solving this problem using Wrap panel. Let’s take a look.
View Demo: New Window
04
Nov
Nov
Animated Dotted Text Outlines
Post a comment »
Popularity: 10%
An interesting animation effect created by Charles Petzold. He attempted to convert the outline of a text into dotted lines and applied a simple animation.
View Demo: New Window
04
Nov
Nov
Embed rich font in title
Post a comment »
Popularity: 10%
Sistr, which stand for SIFR (Shaun Inman Flash Replacement) for Microsoft Silverlight, is a rich font replacement technology without having to create multiple jpegs or other files.
All you have to do is just to embed the js files and create your rich font title with some simple js.
Sample Usage:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.sistr.js"></script>
$(document).ready(function() {
$("h1").sistr({
font: "Arial",
size: 22,
color: "#FFCC00"
});
});
Website: http://www.sistr.it
Download: http://www.sistr.it/download.html
29
Sep
Sep
TextBlock Text Trimming
Post a comment »
Popularity: 14%
Robby posted a solution to deal with the length of text displayed in a single line. When the text length is longer that the given width, it will trim the text and display “…” at the end.
View Demo: New Window
28
Sep
Sep
Text Strike Through
Post a comment »
Popularity: 7%
The follow XAML let you to add a "strike though" effect on your text. It works for single line text and you are able to customize the font size and color.
View Demo: New Window
XAML to create a strike through text:
<usercontrol height="300" width="400" x:class="ShineDraw.Controls.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<grid background="White" x:name="LayoutRoot">
<grid horizontalalignment="Center" verticalalignment="Center">
<grid.columndefinitions>
<columndefinition width="Auto"></columndefinition>
</grid.columndefinitions>
<textblock fontsize="28" text="Shine Draw"></textblock>
<line x:name="StrikeThroughLine" stretch="Fill" x2="20" x1="0" strokethickness="1" stroke="Black"></line>
</grid>
</grid>
</usercontrol>
Website: http://www.shinedraw.com
23
Sep
Sep
3D Spiral Text
Post a comment »
Popularity: 1%
Terence Tsang pointed out that Text rendering in Silverlight requires a lot of CPU resources. He created a very nice 3D Spiral Text application to illustrate his findings. You can find out the comparison between Flash and Silverlight in his original post.
View Demo: New Window
Download: http://www.shinedraw.com/?dl_id=61
22
Sep
Sep
3D Text Space
Post a comment »
Popularity: 1%
A very impressive sample shared in Shine Draw. Texts are dynamically generated and flying in a 3D environment. You can move forward of the screen by clicking on the texts.
View Demo: New Window
Download: http://www.shinedraw.com/?dl_id=3
20
Sep
Sep
Text Effect Library
Post a comment »
Popularity: 1%
Cellbi release a text library which helps you to create text effects easily. 6 text effects are included.
View Demo: New Window
