JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/svg.js/1.0rc3/svg.min.js"></script>
<div id="drawing"></div>

<form name="imageselect">
<ul>
    <li><label><input type="radio" name="image" value="http://lorempixel.com/600/500/sports/1/" /> Image 1</label></li>
    <li><label><input type="radio" name="image" value="http://lorempixel.com/600/500/sports/2/" /> Image 2</label></li>
    <li><label><input type="radio" name="image" value="http://lorempixel.com/600/500/sports/3/" /> Image 3</label></li>
</ul>
<input type="submit" name="select" />
</form>

JavaScript

jQuery(function() {
    /* create an svg drawing */
    var canvas = SVG('drawing').size(600,500),
        image;
    
    jQuery('form').on('submit', function(e) {
        e.preventDefault();
        
        if (image) {
            canvas.clear();
        }
        
        jQuery.each($('form').serializeArray(), function(i, field) {
            if (field.name == 'image') {
                imgsrc = field.value;
                return false;
            }
        });
        
        image = canvas.image(imgsrc, 600, 500);
    });
});