项目作者: cuixiping

项目描述 :
极简JS实现Canvas Context 2d接口的链式调用 Ctx("#canvas1").beginPath().moveTo(10,10).lineTo(90,90).strokeStyle("#f00").stroke()
高级语言: JavaScript
项目地址: git://github.com/cuixiping/Chained-Context-2d.git
创建时间: 2015-02-27T08:29:34Z
项目社区:https://github.com/cuixiping/Chained-Context-2d

开源协议:MIT License

下载


Chained-Context-2d

Canvas Context 2d接口的链式调用封装,极简JS,405字节。

功能:

  • 链式调用所有的原生方法
  • 链式调用所有的原生属性 (原生属性进行链式调用时,如果带参数将进行属性设置,不带参数则返回该属性值。)

完整示例:

  1. <canvas id="canvas1" width="320" height="240"></canvas>
  2. <script src="ctx.min.js"></script>
  3. <script>
  4. function initCanvas(){
  5. var ctx = Ctx("#canvas1");
  6. ctx.beginPath().moveTo(10,10).lineTo(90,90).strokeStyle("#f00").stroke();
  7. ctx.beginPath().moveTo(90,10).lineTo(10,90).strokeStyle("#00f").stroke();
  8. console.log(ctx.strokeStyle()); //读取strokeStyle属性值 "#0000ff"
  9. }
  10. window.onload = initCanvas;
  11. </script>