zoukankan      html  css  js  c++  java
  • canvas 绘制箭头

    绘制向右箭头:

    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <script type="text/ecmascript">
    function draw(){
        
        var canvas=document.getElementById("test");
        if(canvas.getContext){
            
            var ctx=canvas.getContext("2d");
                ctx.beginPath();                           //创建一个路径在内存里,构成一个图形,每次调用beginPath(),路径重置,绘制新图形
                ctx.moveTo(50,50);             //轨迹移动的起始位置
                ctx.lineTo(50,100);             //轨迹移动第一个位置坐标
                ctx.lineTo(75,75);                //轨迹移动第二个位置坐标
                ctx.fill();                            //填充一个实心图形   默认黑色
            };
        };
    </script>
    </head>
    
    <body onLoad="draw();">
    <canvas id="test" width="150" height="150"></canvas>
    </body>
  • 相关阅读:
    函数 out 传值 分割
    函数
    特殊集合
    集合
    数组

    穷举
    循环
    mac 软件安装
    实用信息查询接口
  • 原文地址:https://www.cnblogs.com/smartyu/p/3474544.html
Copyright © 2011-2022 走看看