html5 Canvas绘制线条 closePath()实例代码

陨世仙

陨世仙

2016-02-19 12:44

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。
核心代码:

复制代码代码如下:
$(function(){
var can = $("#can").get(0);
var txi = can.getContext("2d");
txi.beginPath();
txi.moveTo(105,105);
txi.lineTo(105,45);
txi.lineTo(45,105);
txi.closePath();
txi.stroke();
txi.beginPath();
txi.moveTo(25,25);
txi.lineTo(100,25);
txi.lineTo(25,100);
txi.stroke();
})


复制代码代码如下:
canvas id="can" width="170" height="170"/canvas

closePath();将路径闭合
下图是一个用了,闭合,一个没有用:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

html5 Canvas绘制线条 closePath()实例代码

Web开发
html5 Canvas绘制线条 closePath()实例代码

HTML5 Canvas——用路径描画线条实例介绍

Web开发
HTML5 Canvas——用路径描画线条实例介绍

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

html5 canvas里绘制椭圆并保持线条粗细均匀的技巧

Web开发
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧

HTML5 canvas 基本语法

Web开发
HTML5 canvas 基本语法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

HTML5 Canvas概述

Web开发
HTML5 Canvas概述

html5 canvas 简单画板实现代码

Web开发
html5 canvas 简单画板实现代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

关于HTML5的22个初级技巧(图文教程)

关于HTML5的22个初级技巧(图文教程)

java入门之:初学Java注意什么?

java入门之:初学Java注意什么?
下拉加载更多内容 ↓