参考:https://www.runoob.com/html/html5-canvas.html
参考:https://www.runoob.com/w3cnote/html5-canvas-intro.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>脚本</title>
<style>
canvas {
background-color: aqua;
/* transform: rotate(30deg);
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: skew(60deg,0deg);
-ms-transform: skew(60deg,0deg);
-webkit-transform: skew(60deg,0deg); */
transform: translate(100px, 50px);
-ms-transform: translate(100px, 50px);
-webkit-transform: translate(100px, 50px);
}
div#ndiv {
background-color: yellow;
transform: rotate(60deg);
-ms-transform: rotate(60deg);
/* IE 9 */
-webkit-transform: rotate(60deg);
/* Safari and Chrome */
}
</style>
</head>
<body>
<!-- <img src="pic/batteryRes2.png" id="nAvatar" alt="没有找到图片" width="120" height="120" /> -->
<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2093143442,3189902132&fm=26&gp=0.jpg" id="nAvatar"
alt="没有找到图片" width="120" height="120" />
<canvas ID="myCanvas" width&