Module: zrender/shape/Image

var ImageShape = require('zrender/shape/Image');
    var image = new ImageShape({
        style: {
            image: 'test.jpg',
            x: 100,
            y: 100
        }
    });
    zr.addShape(image);

Members

highlightStylemodule:zrender/shape/Image~IImageStyle

图片高亮绘制样式

stylemodule:zrender/shape/Image~IImageStyle

图片绘制样式

Type Definitions

IImageStyleObject

Properties:

Name	Type	Argument	Default	Description
image	string | HTMLImageElement | HTMLCanvasElement			图片url或者图片对象
x	number			左上角横坐标
y	number			左上角纵坐标
width	number	<optional>		绘制到画布上的宽度，默认为图片宽度
height	number	<optional>		绘制到画布上的高度，默认为图片高度
sx	number	<optional>	0	从图片中裁剪的左上角横坐标
sy	number	<optional>	0	从图片中裁剪的左上角纵坐标
sWidth	number	<optional>		从图片中裁剪的宽度，默认为图片高度
sHeight	number	<optional>		从图片中裁剪的高度，默认为图片高度
opacity	number	<optional>	1	绘制透明度
shadowBlur	number	<optional>	0	阴影模糊度，大于0有效
shadowColor	string	<optional>	'#000000'	阴影颜色
shadowOffsetX	number	<optional>	0	阴影横向偏移
shadowOffsetY	number	<optional>	0	阴影纵向偏移
text	string	<optional>		图形中的附加文本
textColor	string	<optional>	'#000000'	文本颜色
textFont	string	<optional>		附加文本样式，eg:'bold 18px verdana'
textPosition	string	<optional>	'end'	附加文本位置, 可以是 inside, left, right, top, bottom
textAlign	string	<optional>		默认根据textPosition自动设置，附加文本水平对齐。 可以是start, end, left, right, center
textBaseline	string	<optional>		默认根据textPosition自动设置，附加文本垂直对齐。 可以是top, bottom, middle, alphabetic, hanging, ideographic