canvas 绘制箭头

最新推荐文章于 2024-07-26 11:41:15 发布

weixin_30652879

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量111

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/smartyu/p/3474544.html

版权

绘制向右箭头：

<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>

转载于:https://www.cnblogs.com/smartyu/p/3474544.html

weixin_30652879

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
canvas 绘制箭头

绘制向右箭头：<head><meta charset="utf-8"><title>无标题文档</title><script type="text/ecmascript">function draw(){ var canvas=document.getElementById("test");...
复制链接

扫一扫