Canvas Snippets
2024-08-26 20:23:34
==========================================
Example:
1. To revel "fillStyle" property, type "fist" and enter TAB
2. To insert "clearRect()" methods, type "clre" and enter TAB
and so on............
How to Use this CheatSheet:
ctx.method/property - TabTrigger + TAB
Note:
1. The Canvas' Context is set to "ctx" and cannot be changed
2. There are some MISC snippets, take a look at the MISC section
3. If you use Canvas Snippets often, save this file for easy reference
COLOR, STYLE and SHADOW
ctx.fillStyle - fist + TAB
ctx.strokeStyle - stat + TAB
ctx.shadowColor - shco + TAB
ctx.shadowBlur - shbl + TAB
ctx.shadowOffsetX - sox + TAB
ctx.shadowOffsetY - soy + TAB
ctx.createLinearGradient() - clg + TAB
ctx.createRadialGradient() - crg + TAB
ctx.createPattern() - cp + TAB
ctx.addColorStop() - acs + TAB
LINE STYLE
ctx.lineCap - lic + TAB
ctx.lineJoin - lijo + TAB
ctx.lineWidth - liwi + TAB
ctx.miterLimit - mili + TAB
RECTANGLE
ctx.rect() - re + TAB
ctx.fillRect() - fire + TAB
ctx.strokeRect() - stre + TAB
ctx.clearRect() - clre + TAB
PATH
ctx.fill() - fi + TAB
ctx.stroke() - st + TAB
ctx.beginPath() - bepa + TAB
ctx.closePath() - clpa + TAB
ctx.moveTo() - mot + TAB
ctx.lineTo() - lit + TAB
ctx.quadraticCurveTo() - qua + TAB
ctx.bezierCurveTo() - bez + TAB
ctx.arc() - ar + TAB
ctx.arcTo() - art + TAB
ctx.clip() - cl + TAB
ctx.isPointInPath() - ipip + TAB
TRANSFORMATION
ctx.scale() - sc + TAB
ctx.rotate() - ro + TAB
ctx.translate() - trsl + TAB
ctx.transform() - trsf + TAB
ctx.setTransform() - strsf + TAB
TEXT/FONT
ctx.font - fo + TAB
ctx.textAlign - teal + TAB
ctx.textBaseline - teba + TAB
ctx.fillText() - fite + TAB
ctx.strokeText() - stte + TAB
ctx.measureText() - mete + TAB
IMAGE DRAWING
ctx.drawImage() - dr + TAB
PIXAL MANIPULATION
ctx.createImageData() - cid + TAB
ctx.getImageData() - gid + TAB
ctx.putImageData() - pid + TAB
COMPOSITING
ctx.globalAlpha - glal + TAB
ctx.globalCompositeOperation - glco + TAB
OTHER
ctx.save() - sa + TAB
ctx.restore() - res + TAB
ctx.createEvent() - crev + TAB
ctx.getContext() - gco + TAB
ctx.toDataURL() - tdu + TAB
MICS
Height - he + TAB
Width - wi + TAB
Data - da + TAB
HTML BoilerPlate with a Canvas Tag - htmlcan + TAB
Canvas Tag with useful Attributes - cat + TAB
Initialize Canvas and Context - initcan + TAB
Center all Canvas Tags - centcan + Tab
MATH
Math.PI - pi + TAB
Math.random() - rnd + TAB
Math.min() - min + TAB
Math.max() - max + TAB
Math.round() - round + TAB
Math.ceil() - cil + TAB
Math.floor() - flr + TAB
我的文档吗?想要的话可以全部给你.去找出来吧,这里所有的一切都在那里!
最新文章
- 【总结】总结写了3个React页面后遇到的各种坑
- ps -C nginx --no-header |wc -l
- Java常见异常
- jxl的API
- 2016 系统设计第一期 (档案一)jQuery checkbox 取值赋值
- li添加浮动时不能完全包裹的方法
- .Net IE10 _doPostBack 未定义
- Linux设置固定IP
- document.readystate
- 011_TCP专项研究监控
- java8新特性学习笔记链接
- 多渠道打包如何运行/debug指定的渠道
- latex_引用参考文献格式,引用多篇参考文献
- phpcms 标签含义大全
- webgl优化
- webbench-1.5_hacking
- Java动态代理探讨
- Linux环境更改Jenkins的主目录
- python获取前几天的时间
- Windows 8.1 SecureBoot未正确配置的解决方法
热门文章
- open_basedir php授权目录设置
- IMCASH:看着朋友赚钱进币圈 我凭啥亏钱? 4月29日币圈报告
- 一天带你入门到放弃vue.js(三)
- NEO-Karl-Python1
- BZOJ.4009.[HNOI2015]接水果(整体二分 扫描线)
- __x__(37)0909第五天__背景图按钮
- Python 在cmd中import模块成功,但是在jupyter notebook中No module xxx found
- init();
- python learning day01
- LeetCode 171 Excel Sheet Column Number 解题报告