svg clones working

clone of no

by Nick Hulea

HTML

<script src="http://cdn.eyahuska.com/paper.js"></script>
<canvas resize="true" id="canvas-1"></canvas>
<script type="text/paperscript" canvas="canvas-1">
    var words = project.importSVG(document.getElementById('svg'), {
        expandShapes: true
    });
    words.fillColor = 'red';
    words.strokeColor = 'black';

    var noGroup3 = words;
    var noGroup2 = words.clone();
    var noGroup = words.clone();

    console.log(noGroup);
    console.log(noGroup2);
    console.log(noGroup3);

    noGroup.transformContent = true;
    noGroup2.transformContent = true;
    noGroup3.transformContent = true;

    // Resize the words to fit snugly inside the view:
    project.activeLayer.fitBounds(view.bounds);
    project.activeLayer.scale(0.8);
    

    noGroup.position = view.center;
    noGroup2.position = [300, 300];
    noGroup3.position = [300, 300];
    
    noGroup.rotate(30);
    noGroup2.rotate(-30);
    noGroup3.rotate(-300);

    
    function onMouseMove(event) {
        noGroup2.position = event.point;
    }
</script>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="600" width="600" id="svg" style="display:none">
    <g id="no">
        <path d="M400.993,246.168h25.287l45.821,80.49v-80.49h22.476v115.435h-24.115l-46.993-81.906v81.906h-22.476V246.168z" />
        <path d="M605.936,351.343c-8.721,8.98-21.33,13.471-37.826,13.471c-16.498,0-29.107-4.49-37.824-13.471
		c-11.697-11.016-17.542-26.887-17.542-47.615c0-21.144,5.845-37.015,17.542-47.614c8.717-8.979,21.326-13.47,37.824-13.47
		c16.496,0,29.105,4.491,37.826,13.47c11.641,10.6,17.463,26.47,17.463,47.614C623.398,324.457,617.576,340.328,605.936,351.343z
		 M590.859,333.801c5.611-7.048,8.418-17.072,8.418-30.073c0-12.947-2.807-22.958-8.418-30.033
		c-5.613-7.074-13.195-10.611-22.75-10.611s-17.178,3.524-22.867,10.572c-5.691,7.048-8.537,17.072-8.537,30.072
		c0,13.001,2.846,23.025,8.537,30.073c5.689,7.048,13.312,10.572,22.867,10.572S585.246,340.849,590.859,333.801z" />
 ...