symbol.js

// Symbol factory
define(function(require) {

    'use strict';

    var graphic = require('./graphic');
    var BoundingRect = require('zrender/core/BoundingRect');

    /**
     * Diamond shape
     */
    var Diamond = graphic.extendShape({
        type: 'diamond',
        shape: {
            cx: 0,
            cy: 0,
            width: 0,
            height: 0
        },
        buildPath: function (path, shape) {
            path.moveTo(shape.cx, shape.cy - shape.h)
        }
    });

    var symbols = {
        line: function (x, y, w, h) {
            return new graphic.Line({
                shape: {
                    x1: x,
                    y1: y + h / 2,
                    x2: x + w,
                    y2: y + h / 2
                }
            });
        },

        rect: function (x, y, w, h) {
            return new graphic.Rect({
                shape: {
                    x: x,
                    y: y,
                    width: w,
                    height: h
                }
            })
        },

        roundRect: function (x, y, w, h, r) {
            return new graphic.Rect({
                shape: {
                    x: x,
                    y: y,
                    width: w,
                    height: h,
                    r: r || Math.min(w, h) / 4
                }
            });
        },

        square: function (x, y, size) {
            return new graphic.Rect({
                shape: {
                    x: x,
                    y: y,
                    width: size / 2,
                    height: size / 2
                }
            });
        },

        circle: function (x, y, size) {
            return new graphic.Circle({
                shape: {
                    cx: x + size / 2,
                    cy: y + size / 2,
                    r: size / 2
                }
            });
        },

        diamond: function (x, y, w, h) {
            return new Diamond({
                shape: {
                    cx: x + w,
                    cy: y + h,
                    width: w,
                    height: h
                }
            })
        },

        image: function (img, x, y, w, h) {
            return new graphic.Image({
                style: {
                    image: img,
                    x: x,
                    y: y,
                    width: w,
                    height: h
                }
            })
        },

        path: function (pathStr, x, y, w, h) {
            return graphic.makePath(pathStr, null, new BoundingRect(x, y, w, h));
        }
    };

    return {
        create: function (symbolType, x, y, w, h) {
            if (symbolType.indexOf('image://') === 0) {
                return symbols.image(symbolType.slice(8), x, y, w, h);
            }
            else if (symbolType.indexOf('path://') === 0) {
                return symbols.image(symbolType.slice(7), x, y, w, h);
            }
            else {
                if (symbols[symbolType]) {
                    return symbols[symbolType](x, y, w, h);
                }
                else {
                    return symbols.rect(x, y, w, h);
                }
            }
        }
    };
});