极简JS实现Canvas Context 2d接口的链式调用 Ctx("#canvas1").beginPath().moveTo(10,10).lineTo(90,90).strokeStyle("#f00").stroke()
Canvas Context 2d接口的链式调用封装,极简JS,405字节。
功能:
完整示例:
<canvas id="canvas1" width="320" height="240"></canvas>
<script src="ctx.min.js"></script>
<script>
function initCanvas(){
var ctx = Ctx("#canvas1");
ctx.beginPath().moveTo(10,10).lineTo(90,90).strokeStyle("#f00").stroke();
ctx.beginPath().moveTo(90,10).lineTo(10,90).strokeStyle("#00f").stroke();
console.log(ctx.strokeStyle()); //读取strokeStyle属性值 "#0000ff"
}
window.onload = initCanvas;
</script>