ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

Canvas代码片段

作者: Adi 全部

Canvas代码片段使使用HTML5 Canvas API进行编码变得更加简单。

详细信息

  • 1.1.3
  • github.com
  • github.com
  • 10年前
  • 13分钟前
  • 10年前

安装次数

  • 总计 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

读我

源代码
raw.githubusercontent.com

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版本以来的主要变更


在此版本发布之前,您必须输入 contextctx 或任何Canvas上下文的名称,然后输入tab触发器以插入代码片段,但从现在开始,您不必输入上下文,它默认设置为“ctx”且 不能更改

所以,如果你输入 fi
以前它只是 fill()
但现在它将是 ctx.fill()

我还添加了一个CheatSheet.txt,你可以在使用这些片段时使用它。


如果你对如何使用一个片段有疑问,请参阅我的CheatSheet文件,或者

如果有些地方不正常工作,请在这里创建一个issue

你的想法和贡献总是受到欢迎的。