Font awesome with raphael js -


What do I want to do is create a simple circle with Facebook's 'F' (this will also be used for other similar) Cases) The symbol of 'F' will be produced.

I have defined the font family (and have not worked) as a CSS and / or Raphael attribute.

The code is as follows:

HTML 

  & lt; Div id = 'share-facebook' & gt; & Lt; / Div & gt;

CSS 

  # share-facebook {font-family: FontAwesome; }

javascript 

  var canvas = Rafael ('share-facebook', 100, 100); Var facebookWrapper = canvas.circle (50,50,50); FacebookWrapper.attr ('Filling', '# 3E3E3'); FacebookWrapper.attr ('stroke', 'any'); Var facebookText = canvas.text (50,50, '& # xf09a'); FacebookText.attr ('font-size', 40); FacebookText.attr ('Filling', '#FFF'); FacebookText.attr ('font-family', 'FontAwesome');

There is also a bela to make your life easier. I have seen the issue that Rapel has put the character inside a TSNN inside the text node and it can not be decoded. Anyone have an idea to overcome this idea?

use canvas.text (50,50, '\ Uf0 9a'); canvas.text (50,50, '& amp; # xf09a') instead of ; and it works


Comments

Post a Comment

Popular posts from this blog

Removing From ArrayList, In Loop Based On It's Size, But Breaking After Remove Still Gives OutOfBounds -

OK, so I remove an orange from the array list, break it, but I still get the outbound I am a little confused, someone can help me, I have tried to separate the problem, but I still can not understand it. Here is an error: Exception threads "Thread-2" java.lang.IndexOutOfBoundsException: Index: 0, Size: 0 on java.util.ArrayList.rangeCheck ( GameFunctions.act at GameFunctions.act on (ArrayList.java:635) at java.util.ArrayList.get (ArrayList.java:411) GameFunctions.act (GameFunctions.java147) GamePanel $ 1.run (GamePanel.java:50) Here are two methods (if (Actor equivalents ("germ")) {for (int i = 0; i & lt; g.size (); i ++) {if (live .t.T. Examples of Spinumonia) {g.get (i) .move (); G.get (i) .testBounds (); If (Czechs (G, I)) {System.out.println ("broken"); break; }}}} And if (Actor equal ("whiteboard seals")) {for (int i = 0; i & lt; p.size (); i ++) {pgate (i) .setTarget ( Closest goal (G, P. Mill (i))); P.get (i) .move (); }...
Read more

c# - Reactive Extensions ControlScheduler -

Well, I'm using Reactive Extension Event Handler to handle my app events, I run the headlines on the Yuri thread. I also use ControlSubular for However, recently I am getting cross thread exception despite using control scheduler and I do not know what the problem is. Code: Observable.FromEventPattern & Lt; String & gt; (CC, "UiAlertMessage", New Control Session ()) Subscribe (_ = & gt; {Alert Control. (Show this language, title, _.EventArgs.UppercaseFirst ());}); The new control scheduler (this) is not to run the code on the UI control thread, so I do not get cross threading exceptions? you should do Observable.FromEventPattern & lt; String & gt; (CC, "UiAlertMessage"). AboveOption (this). Subscribe (_ = & gt; {Alert Control. (Show this language, Titles, _.EventArgs.UppercaseFirst ());}); This is the standard way of sending a scheduler related to specific controls. Passing control scheduler as you have got subsc...
Read more

java - Add color code support to a Bukkit plugin -

I would like to add color code support in my config.yml . How do I add translateAlternateColorCode to my code correctly? Public boolean on command (CommandSender sender, command CMD, string label, string [] args) {player player = (player) sender; If (cmd.getName () .all ignored cas ("member") {player.sendMessage (getConfig (). GetString ("member text")); } You can simply use translateAltranateColorCodes . Here's an example: string nonColoredText = getConfig (). GetString ("member text"); // "member text" string get colored text = raw string. Translate Altinetic Color Code ('& amp;', nonColoredText); // Edit the colors code Any of the above text which is & amp; starts with the correct color code, for example, if & amp; A was in config, it would convert it to green color or ChatColor.GREEN , which will show the message in green, it also works with other characters such as you color If you want to use...
Read more