Skip to content

Instantly share code, notes, and snippets.

@taivare
Last active March 30, 2016 04:01
Show Gist options
  • Select an option

  • Save taivare/cc4f042f843ced3adecc to your computer and use it in GitHub Desktop.

Select an option

Save taivare/cc4f042f843ced3adecc to your computer and use it in GitHub Desktop.

Revisions

  1. taivare revised this gist Mar 30, 2016. 1 changed file with 6 additions and 6 deletions.
    12 changes: 6 additions & 6 deletions inlet.js
    Original file line number Diff line number Diff line change
    @@ -6,16 +6,16 @@ svg.append("rect")
    height: 200,
    x: 100,
    y: 100,
    fill: "#1A9224",
    fill: "#1A9224"
    })

    svg.append("image")
    .attr({
    width: 200,
    height: 200,
    "xlink:href": "https://twimg0-a.akamaihd.net/profile_images/2560186719/7f57h85fjrqelks62v75.jpeg",
    x: 325,
    y: 100
    width: 100%
    height: 100%
    xlink:href="https://www.dropbox.com/s/gtindax1177ewmx/BLANK_VOWEL_trapezoid.svg?dl=1"...
    x: 10,
    y: 20
    })


  2. taivare revised this gist Mar 29, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion config.json
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    {"editor_editor":{"coffee":false,"vim":false,"emacs":false,"width":579,"height":508,"hide":false},"endpoint":"","description":"Tributary inlet","display":"svg","public":true,"require":[],"fileconfigs":{"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.svg":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/e4UyRlm.png"}
    {"editor_editor":{"coffee":false,"vim":false,"emacs":false,"width":579,"height":508,"hide":false},"endpoint":"","description":"Using SVG images w/D3","display":"svg","public":true,"require":[],"fileconfigs":{"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.svg":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/e4UyRlm.png"}
  3. taivare revised this gist Mar 29, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion config.json
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    {"editor_editor":{"coffee":false,"vim":false,"emacs":false,"width":579,"height":508,"hide":false},"endpoint":"","description":"Tributary inlet","display":"svg","public":true,"require":[],"fileconfigs":{"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.svg":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true}
    {"editor_editor":{"coffee":false,"vim":false,"emacs":false,"width":579,"height":508,"hide":false},"endpoint":"","description":"Tributary inlet","display":"svg","public":true,"require":[],"fileconfigs":{"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.svg":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/e4UyRlm.png"}
  4. taivare revised this gist Mar 29, 2016. No changes.
  5. taivare revised this gist Mar 29, 2016. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions _.md
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    [ <a href="http://tributary.io/inlet/cc4f042f843ced3adecc">Launch: Tributary inlet</a> ] cc4f042f843ced3adecc by taivare<br>[ <a href="http://tributary.io/inlet/d55d569bc5bfd52c0c0a">Launch: Tributary inlet</a> ] d55d569bc5bfd52c0c0a by taivare<br>No parent Inlet
  6. taivare created this gist Mar 29, 2016.
    1 change: 1 addition & 0 deletions config.json
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"editor_editor":{"coffee":false,"vim":false,"emacs":false,"width":579,"height":508,"hide":false},"endpoint":"","description":"Tributary inlet","display":"svg","public":true,"require":[],"fileconfigs":{"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.svg":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true}
    32 changes: 32 additions & 0 deletions inlet.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,32 @@
    var svg = d3.select("svg");

    svg.append("rect")
    .attr({
    width: 200,
    height: 200,
    x: 100,
    y: 100,
    fill: "#1A9224",
    })

    svg.append("image")
    .attr({
    width: 200,
    height: 200,
    "xlink:href": "https://twimg0-a.akamaihd.net/profile_images/2560186719/7f57h85fjrqelks62v75.jpeg",
    x: 325,
    y: 100
    })


    function cerealize(node) {
    var svgxml = (new XMLSerializer()).serializeToString(node);
    if($.browser.webkit){
    svgxml = svgxml.replace(/ xlink/g, ' xmlns:xlink');
    svgxml = svgxml.replace(/ href/g, ' xlink:href');
    }
    return svgxml;
    }
    //usage:
    var exp = cerealize(svg.node());
    console.log(exp);
    1 change: 1 addition & 0 deletions inlet.svg
    Loading
    Sorry, something went wrong. Reload?
    Sorry, we cannot display this file.
    Sorry, this file is invalid so it cannot be displayed.