html2canvas边框半径不适用于img标签

需要帮助，当我通过css将边界半径应用于imgae时，渲染不正确，渲染的图像应该是相同的预览图像。我使用html2canvas将div转换为图像。

所附图像供参考，第一个是带边框半径的普通预览，第二个是不带边框半径的普通预览。

<div id="mydiv">
<img src="1.jpg" /> 
<p>text!</p>
</div>

<p>Generated image</p>
<div id="image">
<p>Image:</p>
</div>

的CSS

    <style>
    #mydiv {
    width: 300px;
    height: 200px;
    background:#000;


}
#mydiv img {
    width: 200px;
    height: 200px;
    border-radius:100%;


}

    </style>

js

html2canvas([document.getElementById('mydiv')], {
    onrendered: function (canvas) {
        //document.getElementById('canvas').appendChild(canvas);
        var data = canvas.toDataURL('image/png');
        // AJAX call to send `data` to a PHP file that creates an image from the dataURI string and saves it to a directory on the server

        var image = new Image();
        image.src = data;
        document.getElementById('image').appendChild(image);
    }
});