transform.json

ajax框架原吗,dojo目前很流行的,希望大家多多学习啊

					"y": 350, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 150, 
					"y": 450, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 200, 
					"y": 0, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 200, 
					"y": 100, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 200, 
					"y": 200, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 200, 
					"y": 300, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 200, 
					"y": 400, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 250, 
					"y": 50, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 250, 
					"y": 150, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 250, 
					"y": 250, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 250, 
					"y": 350, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 250, 
					"y": 450, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 300, 
					"y": 0, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 300, 
					"y": 100, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 300, 
					"y": 200, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 300, 
					"y": 300, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 300, 
					"y": 400, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 350, 
					"y": 50, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 350, 
					"y": 150, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 350, 
					"y": 250, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 350, 
					"y": 350, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 350, 
					"y": 450, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 400, 
					"y": 0, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 400, 
					"y": 100, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 400, 
					"y": 200, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 400, 
					"y": 300, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 400, 
					"y": 400, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 450, 
					"y": 50, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 450, 
					"y": 150, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 450, 
					"y": 250, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 450, 
					"y": 350, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 450, 
					"y": 450, 
					"width": 50, 
					"height": 50, 
					"r": 0
				}, 
				"fill": {
					"g": 0, 
					"b": 0, 
					"a": 0.1, 
					"r": 255
				}
			}
		], 
		"name": "checkerboard"
	}, 
	{
		"shape": {
			"type": "rect", 
			"x": 0, 
			"y": 0, 
			"width": 100, 
			"height": 100, 
			"r": 0
		}, 
		"transform": {
			"dx": 100, 
			"dy": 100, 
			"xx": 1, 
			"xy": 0, 
			"yx": 0, 
			"yy": 1
		}, 
		"stroke": {
			"type": "stroke", 
			"color": {
				"r": 0, 
				"g": 0, 
				"b": 0, 
				"a": 1
			}, 
			"style": "solid", 
			"width": 1, 
			"cap": "butt", 
			"join": 4
		}, 
		"fill": {
			"type": "linear", 
			"x1": 0, 
			"y1": 0, 
			"x2": 100, 
			"y2": 100, 
			"colors": [
				{
					"offset": 0, 
					"color": {
						"r": 0, 
						"g": 128, 
						"b": 0, 
						"a": 1
					}
				}, 
				{
					"offset": 0.5, 
					"color": {
						"g": 0, 
						"b": 0, 
						"r": 255, 
						"a": 1
					}
				}, 
				{
					"offset": 1, 
					"color": {
						"r": 0, 
						"g": 0, 
						"b": 255, 
						"a": 1
					}
				}
			]
		}, 
		"name": "rect with color gradient"
	}, 
	{
		"shape": {
			"type": "rect", 
			"x": 0, 
			"y": 0, 
			"width": 100, 
			"height": 100, 
			"r": 0
		}, 
		"stroke": {
			"type": "stroke", 
			"color": {
				"r": 0, 
				"g": 0, 
				"b": 0, 
				"a": 1
			}, 
			"style": "solid", 
			"width": 1, 
			"cap": "butt", 
			"join": 4
		}, 
		"fill": {
			"type": "linear", 
			"x1": 0, 
			"y1": 0, 
			"x2": 100, 
			"y2": 100, 
			"colors": [
				{
					"offset": 0, 
					"color": {
						"r": 0, 
						"g": 0, 
						"b": 0, 
						"a": 1
					}
				}, 
				{
					"offset": 1, 
					"color": {
						"r": 255, 
						"g": 255, 
						"b": 255, 
						"a": 1
					}
				}
			]
		}, 
		"name": "rect with gray gradient"
	}, 
	{
		"children": [
			{
				"shape": {
					"type": "rect", 
					"x": 200, 
					"y": 200, 
					"width": 100, 
					"height": 100, 
					"r": 0
				}, 
				"stroke": {
					"type": "stroke", 
					"color": {
						"r": 0, 
						"g": 0, 
						"b": 0, 
						"a": 1
					}, 
					"style": "solid", 
					"width": 1, 
					"cap": "butt", 
					"join": 4
				}, 
				"fill": {
					"r": 0, 
					"g": 128, 
					"b": 0, 
					"a": 1
				},
				name: "green rect"
			}, 
			{
				"shape": {
					"type": "rect", 
					"x": 0, 
					"y": 0, 
					"width": 100, 
					"height": 100, 
					"r": 0
				}, 
				"transform": {
					"xx": 0.8660254037844387, 
					"xy": 0.49999999999999994, 
					"yx": -0.49999999999999994, 
					"yy": 0.8660254037844387, 
					"dx": 281.69872981077805, 
					"dy": 231.69872981077808
				}, 
				"fill": {
					"r": 0, 
					"g": 0, 
					"b": 255, 
					"a": 1
				},
				name: "blue rect"
			}, 
			{
				"shape": {
					"type": "path", 
					"path": "M 300 100L 400 200L 400 300L 300 400C 400 300 400 200 300 100"
				}, 
				"transform": {
					"xx": 1, 
					"xy": 0, 
					"yx": 0, 
					"yy": 1, 
					"dx": 0, 
					"dy": 0
				}, 
				"stroke": {
					"type": "stroke", 
					"color": {
						"r": 0, 
						"g": 0, 
						"b": 0, 
						"a": 1
					}, 
					"style": "solid", 
					"width": 1, 
					"cap": "butt", 
					"join": 4
				},
				name: "black path"
			}, 
			{
				"shape": {
					"type": "path", 
					"path": "M 300 100L 400 200L 400 300L 300 400C 400 300 400 200 300 100"
				}, 
				"transform": {
					"dx": 100, 
					"xx": 1, 
					"xy": 0, 
					"yx": 0, 
					"yy": 1, 
					"dy": 0
				}, 
				"stroke": {
					"type": "stroke", 
					"color": {
						"g": 0, 
						"b": 0, 
						"r": 255, 
						"a": 1
					}, 
					"style": "solid", 
					"width": 2, 
					"cap": "butt", 
					"join": 4
				},
				name: "red path"
			}, 
			{
				"shape": {
					"type": "path", 
					"path": "M 300 100l 100 100l 0 100l-100 100c 100-100 100-200 0-300"
				}, 
				"transform": {
					"xx": -1, 
					"xy": -1.2246063538223773e-16, 
					"yx": 1.2246063538223773e-16, 
					"yy": -1, 
					"dx": 500, 
					"dy": 500
				}, 
				"stroke": {
					"type": "stroke", 
					"color": {
						"r": 0, 
						"g": 0, 
						"b": 255, 
						"a": 1
					}, 
					"style": "solid", 
					"width": 2, 
					"cap": "butt", 
					"join": 4
				},
				name: "blue path"
			}
		], 
		"transform": {
			"xx": 0.9659258262890683, 
			"xy": 0.25881904510252074, 
			"yx": -0.25881904510252074, 
			"yy": 0.9659258262890683, 
			"dx": -56.1862178478973, 
			"dy": 73.22330470336311
		}, 
		"name": "rotated group"
	}
]