Canvas代码片段
Canvas代码片段使使用HTML5 Canvas API进行编码变得更加简单。
详细信息
安装次数
- 总计 14K
- Win 10K
- Mac 2K
- Linux 1K
8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | 6月23日 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 2 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 2 | 0 | 0 | 1 |
Mac | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 |
读我
Canvas代码片段是SublimeText 2 & 3的一个插件,可以使使用HTML5 Canvas API进行编码变得稍微容易一些。
安装
下载最新版本
或
通过包管理器安装。
- 安装 包管理器
- 在命令面板中查找包管理器(
CTRL+SHIFT+P
) - 搜索
Canvas代码片段
并安装。
使用
使用这些代码片段就像输入一个方法的第一个两个字母并按 Tab
键一样简单。
例子
- 为了显示
stroke()
方法,输入st
并按Tab
。 - 为了插入
rotate()
方法,输入ro
并按Tab
。
等等………
当方法/属性的名称超过一个单词时,需要以类似以下示例中的方式输入第一个单词的第二个字母和第一个单词的第一个两个字母。
- 为了显示
shadowColor
属性,输入shco
并按Tab
。 - 为了插入
beginPath()
方法,输入bepa
并按Tab
。
等等………
注意:记住,在按 Tab
键之前输入的所有内容必须全部小写。
自1.1.0版本以来的主要变更
在此版本发布之前,您必须输入 context
或 ctx
或任何Canvas上下文的名称,然后输入tab触发器以插入代码片段,但从现在开始,您不必输入上下文,它默认设置为“ctx”且 不能更改。
所以,如果你输入 fi
以前它只是 fill()
但现在它将是 ctx.fill()
我还添加了一个CheatSheet.txt,你可以在使用这些片段时使用它。
如果你对如何使用一个片段有疑问,请参阅我的CheatSheet文件,或者
如果有些地方不正常工作,请在这里创建一个issue