HTML2CANVAS

HTML

<script src="http://mrrio.github.io/jsPDF/dist/jspdf.debug.js"></script>
<script src="http://html2canvas.hertzen.com/build/html2canvas.js"></script>
<div id="test" class="but">H</div>

CSS

.but {
    border-radius: 1000px;
    height: 40px;
    background-color: #DDD;
    margin-bottom: 5px;
    text-align: center;
    color: #444;
    font-weight: bold;
    font-size: 12px;
    line-height: 41px;
    max-width: 40px;
}
.but {
    background-color: #607D8B;
    color: #FFF;
}

JavaScript

setTimeout(function(){
    var pdf = new jsPDF('p', 'pt', 'letter')
    html2canvas($('#test'), {  
        onrendered: function (canvas) {
            var imgData = canvas.toDataURL('image/png',1.0);
            pdf.addImage(imgData, 'PNG', 0, 0);
            pdf.save('example.pdf');
        }
    });
},30);