Javascript 通过HTML5画布转换为webp格式后，透明背景变为黑色

我在将PNG图像转换为webp格式时遇到问题。背景变为黑色，而不是保持透明

我怎样才能解决这个问题

var img=document.querySelector（'#sample'）；
var webp=document.querySelector（“#webp”）；
img.onload=函数（）{
var canvas=document.createElement（'canvas'）；
var ctx=canvas.getContext（'2d'）；
canvas.width=this.naturalWidth；
canvas.height=this.naturalHeight；
ctx.drawImage（this，0，0，this.naturalWidth，this.naturalHeight）；
webp.src=canvas.toDataURL（'image/webp'）；
};
img.src='数据：image/png；base64，一种新的研究方法是一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的中国的一种新的中国中国的一种新的研究方法，一种新的中国的一种新的中国中国的一种新的中国的中国的中国的中国的中国的一种中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国的中国CM4JTU9JFG6月6日，纽约证券交易所发布了一份XXX X X X X X X X X X X X X X X X X BQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQNCJGEIAYZGRMHQKYNP+2M8ZwBCC1psNB一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的概念，一种新的研究方法，一种新的研究方法，一种新的研究，一种新的研究，一种新的研究，一种新的研究，一种新的研究，一种新的研究，一种新的研究，这种新的概念，他们的研究，这种新的非非非非政府的非政府的非政府的非非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准chYQaTHDIriEjGC6zD4.BQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ4 4 4 4 4 4 4对8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 P+b3MPc23J/EzbNidKQhaxGxD2.中国政府的一个8级BQ 8级BQ 8级BQ 8级BQ 8级BQ 8级BQ 8级BQ 8级BQ 8级BQ 8级BQ 8级BQ 8级BQ 8级BQ 8级BQ 8级BQ 8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级B8级BDNJMXA6CWZ5NXZJ7LCJYDJ2.这两个单词的意思是在一个单词上加上了一个单词，在这个单词上加上了79+字（Z2/76）2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 NiwajoyadbptbuajqN2GKNPYJA5GIVEGMIBVU2W07JX0PYZKYPTYATLAPIEMKUGAHFQAPL+MLQNOULNGO3BFSRQT4JKYJ4/E1CJYVDDQM41N7WK8LDP6VOXXAST8ZNJAYZTYGZYGYGYKJ0HCNWTZF/hrEstu6JgAPmMQNm+NHABJGJGJGJGKK3OEMSVI0SA1WP4WP4WP5MQF4GMMALP1HNWN53QNREEAA/BFO35MCAJIS19C+DILBCADYK9KJKJJJJK9KKKKJJJJJJJKKK9WKKKKKK9W9WKKYKKKKKKKKKKKKKKYFYV9WKKKKKK9WK9WKK8+这一部分是一个2+一个2+一个2+一个2+一个2+一个8+一个8+一个8+一个8+一个8+一个8+一个8+一个8+一个8+一个8+一个2+一个8+一个8+一个8+8+8+8+7个8+8+8+7个8+8+8+8个7个8+8个7个8（3）项目的8（3）在这个8）在这个7个3（3（3）这个7）在这个7）在这个3（3（3（3）这个7）在这个3（3（3）这个7）在这个7）在这个3（3（3）这个7）在这个3）在这个3（3（3（3）在这个3）在这个7）在这个8）在这个3）在这个3）在这个3（3（3（3（3（3（3（3（3）这个3）MEJY7JJBRD/UimvFw4B2EH2.2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 0burqsdsuumj7月6日，6月6日，6月6日，6月6日，6月6日，6月6日，6月8日，6月8日，6月8日，6月8日，6月8日，6月8日，6月8日，6月6日，7月7日，6月7日，6月7日，7月8日，8日，6月8日，8日，6月8日，6月8日，8日，8日，6月8日，中国政府在一个月6日，8日，6月8日，6日，8日，6月8日，一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一PD3WNY08WEO0NAKP（vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv1KW6月8日，一个8月8日的8月8日的8月8日的8月8日的8月8日的8月8日的8月8日的8月8日的8月8日的8月8日的8月8日的7月8日的7月7日的7月7日的7月7日的7月7日的7日的7日的7月7日的7日的7日的7月7日的7日的7日的7日的7日ZZFZZFZZZFZZZZZZFNNNNNNZZZZZZZZZZZZZZZZFNNNNNN9 9 9 9 9 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7号的7 7 7 7 7 7 7 7 7 7号的ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZKOUQKC37VR1ZPZ8/PfOHPmzAm+2.这是一个非常有用的研究。2.这是一个非常有用的研究。2.这是一个非常有用的研究。6月6日，XXBXBXXBXXBXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX549WWCOHPGWQP/5yJEjOWiZvit07a4IK在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在中国，在E1KG6WWBSU+9BOZnSGyYw4.目前，中国的一个城市的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区的一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一个社区一RVZENFMKJQBLEDQSJWL9Xr9DAqv04jwFwVs2SyZs5IJ+Q1DwH8gZ+SvN1d7JUA10icaJwlcYLBWjtUFyoaIJFgab8nI1JoxZhiCdrnuqCKrwRO