Skip to content
Create a gist now

Instantly share code, notes, and snippets.

JavaScript: BF4 Battlelog Emblem Import / Export

Exporting an emblem

  1. Log into BF4 Battlelog.
  2. Visit the Customize emblem page.
  3. Select the emblem you wish to export.
  4. Open the console (Ctrl-Shift-J).
  5. Enter the following code snippet to copy the raw emblem data to the clipboard:
    copy('emblem.emblem.load('+JSON.stringify(emblem.emblem.data,null,2)+');');
  6. Paste somewhere useful, like a gist. Whatever.
  7. Close the console (Ctrl-Shift-J).

Importing an emblem

  1. Log into BF4 Battlelog.
  2. Visit the Customize emblem page.
  3. Click the "+ ADD" button to create a new, blank, emblem.
  4. Open the console (Ctrl-Shift-J).
  5. Paste the contents of a previously-exported emblem into the console and press Enter, making sure you get everything, from the emblem.emblem.load to the ending ;. (You should now see the emblem loaded with all its layers)
  6. Close the console (Ctrl-Shift-J).
  7. Click the "SAVE & USE" button in the top right.

Notes

  • Premium members have a 40 object limit per emblem.
  • Non-premium members have a 20 object limit per emblem.
  • Only tested in Chrome browser.

Examples

BF4 emblem examples

Enjoy!

emblem.emblem.load({
"objects": [
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 165.543680176,
"height": 278.1690107426,
"width": 312.4967822755,
"asset": "Heart",
"selectable": false,
"left": 159.2483911378,
"fill": "#92278F"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 168.3029338849,
"height": 255.2425062537,
"width": 286.7410057335,
"asset": "Heart",
"selectable": false,
"left": 159.3705028668,
"fill": "#EC008C"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 116.7378075704,
"height": 62.8910840779,
"width": 44.7426825594,
"asset": "Number3",
"selectable": true,
"left": 53.7997787797,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 117.2065525495,
"height": 62.4131050989,
"width": 15,
"asset": "Stroke",
"selectable": true,
"left": 38.5,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 118.1956914895,
"height": 58.090248718,
"width": 11.6180497436,
"asset": "Stroke",
"selectable": true,
"left": 88.086477813,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 139,
"height": 16,
"width": 24,
"asset": "Square",
"selectable": true,
"left": 95,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 115.7268870895,
"height": 50.2607051637,
"width": 37.1926076918,
"asset": "Number0",
"selectable": true,
"left": 130.5966163458,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 115.2816752288,
"height": 48.8822488185,
"width": 36.1725586117,
"asset": "Number0",
"selectable": true,
"left": 174.0865918058,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": true,
"flipY": false,
"top": 117.2793064167,
"height": 60.124158896,
"width": 42.7719508626,
"asset": "Number9",
"selectable": true,
"left": 220.8162879313,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 146.2528934958,
"height": 36.5057869916,
"width": 32.8224373822,
"asset": "Square",
"selectable": true,
"left": 228.4112186911,
"fill": "#EC008C"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 117.8950486535,
"height": 60.4764193624,
"width": 43.0236806897,
"asset": "Number6",
"selectable": true,
"left": 270.0970992261,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 130,
"height": 14,
"width": 28.4924684457,
"asset": "Square",
"selectable": true,
"left": 262.7537657771,
"fill": "#EC008C"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 202.5043865558,
"height": 81.4291394861,
"width": 104.8381988008,
"asset": "Skull2",
"selectable": true,
"left": 159.4190994004,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 193.4250030518,
"height": 19.1499938965,
"width": 37,
"asset": "Square",
"selectable": true,
"left": 158.5,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 195.8819062968,
"height": 14.5511751994,
"width": 14.5730799378,
"asset": "Heart",
"selectable": true,
"left": 149.2865399689,
"fill": "#EC008C"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 195.8078909016,
"height": 14.0565417683,
"width": 15.7912057162,
"asset": "Heart",
"selectable": true,
"left": 168.2029187301,
"fill": "#EC008C"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 115.6083374023,
"height": 34.7833251953,
"width": 19.9916207012,
"asset": "Square",
"selectable": true,
"left": 129.9958103506,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 114.6083374023,
"height": 34.7833251953,
"width": 25,
"asset": "Square",
"selectable": true,
"left": 177.5,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 117.0095824637,
"height": 20.200790904,
"width": 22.6936930899,
"asset": "Heart",
"selectable": true,
"left": 130.346846545,
"fill": "#EC008C"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 116.1911566625,
"height": 19.7890329178,
"width": 22.2311216287,
"asset": "Heart",
"selectable": true,
"left": 174.1155608144,
"fill": "#EC008C"
}
]
});
emblem.emblem.load({
"objects": [
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 162.67559142,
"height": 241.0597255536,
"width": 241.0597255536,
"asset": "Circle",
"selectable": false,
"left": 160,
"fill": "#000044"
},
{
"opacity": 1,
"angle": 9.8449622714,
"flipX": false,
"flipY": false,
"top": 210.7020048985,
"height": 183.1122538004,
"width": 215.311634877,
"asset": "Circle",
"selectable": false,
"left": 159.1928738319,
"fill": "#FED026"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 164.9827483684,
"height": 300.2382018308,
"width": 300.2382018308,
"asset": "Time",
"selectable": false,
"left": 160.2539497237,
"fill": "#0000DD"
},
{
"opacity": 1,
"angle": 18.6981204006,
"flipX": false,
"flipY": false,
"top": 75.2736622355,
"height": 76.8578515137,
"width": 54.5103176137,
"asset": "Circle",
"selectable": false,
"left": 142.3120851603,
"fill": "#FED026"
},
{
"opacity": 1,
"angle": -53.8517939244,
"flipX": false,
"flipY": false,
"top": 131.6250685461,
"height": 107.1214859129,
"width": 133.6329496051,
"asset": "Circle",
"selectable": false,
"left": 131.5749078382,
"fill": "#FED026"
},
{
"opacity": 1,
"angle": 73.7132718468,
"flipX": false,
"flipY": false,
"top": 92.8250119189,
"height": 66.6159229308,
"width": 37.0475962787,
"asset": "Clubs",
"selectable": false,
"left": 178.1700821385,
"fill": "#FED026"
},
{
"opacity": 1,
"angle": 21.3296522212,
"flipX": false,
"flipY": false,
"top": 100.0619362606,
"height": 35,
"width": 44.9160032735,
"asset": "Circle",
"selectable": false,
"left": 80.5215348795,
"fill": "#FED026"
},
{
"opacity": 1,
"angle": 99.7579403526,
"flipX": false,
"flipY": false,
"top": 94.7600546878,
"height": 22.118347518099995,
"width": 12.2461866127,
"asset": "StrokeBent",
"selectable": false,
"left": 77.2463009127,
"fill": "#000000"
},
{
"opacity": 1,
"angle": -82.6167762948,
"flipX": false,
"flipY": false,
"top": 113.2626692731,
"height": 27.176483107,
"width": 9.4268270567,
"asset": "StrokeBent",
"selectable": false,
"left": 74.8651652794,
"fill": "#000000"
},
{
"opacity": 1,
"angle": 150.5751099154,
"flipX": false,
"flipY": false,
"top": 91.3204776365,
"height": 20.6489649209,
"width": 7.444392030000001,
"asset": "StrokeBent",
"selectable": false,
"left": 95.035378517,
"fill": "#000000"
},
{
"opacity": 1,
"angle": -30.2030113802,
"flipX": false,
"flipY": false,
"top": 172.1544028607,
"height": 116.4942004094,
"width": 133.7782817017,
"asset": "Circle",
"selectable": false,
"left": 146.9029169854,
"fill": "#000000"
},
{
"opacity": 1,
"angle": -48.1515396594,
"flipX": false,
"flipY": false,
"top": 185.5196200565,
"height": 82.9618903704,
"width": 61.2014991798,
"asset": "Circle",
"selectable": false,
"left": 139.0384048893,
"fill": "#FF00FF"
},
{
"opacity": 1,
"angle": -69.6914698038,
"flipX": false,
"flipY": false,
"top": 192.9046916982,
"height": 100.4456260879,
"width": 73.387653814,
"asset": "Circle",
"selectable": false,
"left": 169.2956383078,
"fill": "#000000"
},
{
"opacity": 1,
"angle": 12.846317174,
"flipX": false,
"flipY": false,
"top": 165.7624392485,
"height": 25.9900581782,
"width": 40,
"asset": "Circle",
"selectable": false,
"left": 136.7845232976,
"fill": "#FF00FF"
},
{
"opacity": 1,
"angle": 103.6792971144,
"flipX": false,
"flipY": false,
"top": 156.278818536,
"height": 35.5722663693,
"width": 10.5214924579,
"asset": "StrokeBent",
"selectable": false,
"left": 125.4432536714,
"fill": "#000000"
},
{
"opacity": 1,
"angle": -60.6104296723,
"flipX": false,
"flipY": false,
"top": 178.7102969399,
"height": 40.9312624997,
"width": 9.5889378831,
"asset": "StrokeBent",
"selectable": false,
"left": 132.3144496213,
"fill": "#000000"
},
{
"opacity": 1,
"angle": 38.6247836035,
"flipX": false,
"flipY": false,
"top": 151.5777015291,
"height": 48.2885835083,
"width": 74.9006674816,
"asset": "Circle",
"selectable": false,
"left": 192.5719623612,
"fill": "#FED026"
},
{
"opacity": 1,
"angle": 31.7147633455,
"flipX": false,
"flipY": true,
"top": 113.7700912316,
"height": 28.827270182600003,
"width": 64.5133360223,
"asset": "Wingpart",
"selectable": false,
"left": 176.2461656327,
"fill": "#FED026"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 179.1093280029,
"height": 44.2186560059,
"width": 59,
"asset": "Eye2",
"selectable": false,
"left": 188.5,
"fill": "#000000"
},
{
"opacity": 1,
"angle": -9.9655098888,
"flipX": false,
"flipY": false,
"top": 189.6693435599,
"height": 58.9966693179,
"width": 62.44221213510001,
"asset": "Eye2",
"selectable": false,
"left": 189.2898718639,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": -25.5772907774,
"flipX": false,
"flipY": false,
"top": 212.0227392557,
"height": 67.7565630065,
"width": 112.6364833401,
"asset": "Circle",
"selectable": false,
"left": 180.5673598689,
"fill": "#000000"
},
{
"opacity": 1,
"angle": -24.8429843525,
"flipX": false,
"flipY": false,
"top": 218.1142524455,
"height": 72.1246297005,
"width": 120,
"asset": "Circle",
"selectable": false,
"left": 182.8711675427,
"fill": "#FED026"
},
{
"opacity": 1,
"angle": 0.0114819408,
"flipX": false,
"flipY": false,
"top": 122.8668492277,
"height": 27.7339116923,
"width": 79.0062600303,
"asset": "Eye2",
"selectable": false,
"left": 163.4665761733,
"fill": "#000000"
},
{
"opacity": 1,
"angle": -0.72850203,
"flipX": false,
"flipY": false,
"top": 123.0508535549,
"height": 22.0236505408,
"width": 72.0958954665,
"asset": "Eye2",
"selectable": false,
"left": 162.0006466255,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 65.212036549,
"height": 34.3249558556,
"width": 32.9398241384,
"asset": "Circle",
"selectable": false,
"left": 171.5300879308,
"fill": "#000000"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 65.406788944,
"height": 28.180140704900005,
"width": 29.3561679944,
"asset": "Circle",
"selectable": false,
"left": 171.3219160028,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 70.0146036097,
"height": 12.0292072194,
"width": 13.2449828681,
"asset": "Circle",
"selectable": false,
"left": 167.7924695664,
"fill": "#00A651"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 70.3988820112,
"height": 34.4363093099,
"width": 34.4363093099,
"asset": "Circle",
"selectable": false,
"left": 145.957724742,
"fill": "#000000"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 70.4709188947,
"height": 29.1832027175,
"width": 29.1832027175,
"asset": "Circle",
"selectable": false,
"left": 145.7727202493,
"fill": "#FFFFFF"
},
{
"opacity": 1,
"angle": 0,
"flipX": false,
"flipY": false,
"top": 75.5709409427,
"height": 13.420554225300002,
"width": 13.420554225300002,
"asset": "Circle",
"selectable": false,
"left": 152.9480143446,
"fill": "#00A651"
},
{
"opacity": 1,
"angle": 134.0880014336,
"flipX": false,
"flipY": false,
"top": 242.87848712,
"height": 27.391548209499998,
"width": 37.3683229328,
"asset": "MedalPart3",
"selectable": false,
"left": 227.3729061228,
"fill": "#000000"
},
{
"opacity": 1,
"angle": 66.5666816187,
"flipX": false,
"flipY": false,
"top": 18.4608587996,
"height": 51.1255851448,
"width": 37.1145437212,
"asset": "Wing4",
"selectable": false,
"left": 155.8213698958,
"fill": "#000000"
},
{
"opacity": 1,
"angle": 67.3065981816,
"flipX": false,
"flipY": false,
"top": 18.9647540823,
"height": 47.7056341809,
"width": 30.48166404,
"asset": "Wing4",
"selectable": false,
"left": 156.3157031216,
"fill": "#00BFF3"
}
]
});
@kurtextrem

Really nice, thanks!

@Sliver-Spy

Ben I have tried everything but it keep saying "undifined"

@patrio
patrio commented Oct 14, 2013

It should. The console command "copy" itself exports it to your clipboard (no return value, hence undefined). Just paste in any text area after you have ran the command.

@judbd
judbd commented Nov 4, 2013

I forked it, the correct command for copy is now

$('body').html('<pre style="color:#000;">emblem.emblem.load('+JSON.stringify(emblem.emblem.data,null,2)+');</pre>');

@steelx
steelx commented Nov 9, 2013

@cowboy thanks man. Could you please help me with getting BF4 Battlelog JSON or any API to get stats ?
Im looking to get my teams BF4 stats for my website www.aajamarwale.com

@SeriousM

Could you please help me with getting BF4 Battlelog JSON or any API to get stats ?
Im looking to get my teams BF4 stats for my website www.aajamarwale.com

Here you go: http://bf4stats.com/

@gzlock
gzlock commented Nov 15, 2013

How use this json data generated as picture(jpg format)?

@angelpcadena

When viewing your soldier profile, click ON the emblem (not customize) it should open on a popup, right click, save as.

@pelox73
pelox73 commented Dec 3, 2013

Hello
load emblem and error

emblem error not unlocked shapes

please help

@Spietzack

Hello! I would like to delete one of my emblems from http://emblemsbf.com. I can't fins a way to do it anywhere on the webpage. Also Can I change my log in info or username so it's not my facebook name? I would like to change it to my gaming name.

@smoggy46
smoggy46 commented Apr 8, 2014

Hiya, ive found an emblem i like, i copy and paste but at the console, i cant paste as there is no option for this?

@marcinkubica

Hi
How about gif/jpg/pcm->emblem? Get your image battlelog emblems generated in no time. Aye 8-1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.