使用toDataURL并将其转换为jpg

Question

我画了如下所示的日本国旗，我曾经两次使用过DataURL。 第一个与画布一样好用，但第二个用黑色背景出现，我不知道为什么??！

        canvas = document.getElementById('mycanvas')
        context = canvas.getContext('2d')
        context.fillStyle= 'red'
        canvas.style.border = '1px solid black'

        context.beginPath()
        context.moveTo(160 , 120)
        context.arc(160 , 120 , 70 , 0 , Math.PI *2 , false)
        context.closePath()
        context.fill()

        image = document.getElementById('myimage')
        image.style.border = '1px solid black'
        image.src = canvas.toDataURL()

        image2 = document.getElementById('myimage2')
        image2.style.border = '1px solid black'
        image2.src = canvas.toDataURL('image/jpeg' , 10)

这就是结果＆＃34;我用Chrome和FireFox来测试这个＆＃34; The result