用贝塞尔曲线绘制聊天气泡

最新推荐文章于 2022-07-17 00:00:23 发布

王者光荣

最新推荐文章于 2022-07-17 00:00:23 发布

阅读量261

点赞数

分类专栏： html5游戏文章标签： html5用贝塞尔曲线绘制聊天气泡

本文链接：https://blog.csdn.net/hylqqcsd/article/details/84439616

版权

html5游戏专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
  <head>
<!--[if IE]>
<script type="text/javascript" src="excanvas.js"></script>
<script type="text/javascript" src="excanvas.compiled.js"></script>
<![endif]-->
     <script type="text/javascript">
	 function draw() {
       var canvas = document.getElementById("cv"); 
  	   if (canvas.getContext) { 
       var ctx = canvas.getContext("2d");
       	   // Quadratric curves example ctx.beginPath(); 
       	   ctx.moveTo(75,25); 
       	   ctx.quadraticCurveTo(25,25,25,62.5); 
       	   ctx.quadraticCurveTo(25,100,50,100); 
       	   ctx.quadraticCurveTo(50,120,30,125); 
       	   ctx.quadraticCurveTo(60,120,65,100); 
       	   ctx.quadraticCurveTo(125,100,125,62.5); 
       	   ctx.quadraticCurveTo(125,25,75,25); 
       	   ctx.stroke();
       }  
    }   
    </script>
    <title>用贝塞尔曲线绘制聊天气泡</title>
  </head>
  <body οnlοad="draw();" > 
      <canvas id="cv" width="150" height="150">
      </canvas>
  </body>
</html>

</div>