3.图片.md

图片

你可以定制图片的布局、边框、位置、大小等等。

你可以使用 src 方法来将图片设置给图片浮动对象元素, 图片浮动对象元素的 src 可以设置 base64 格式的图片。

picture.src('images/logo.png');
var originalWidth = picture.getOriginalWidth();
var originalHeight = picture.getOriginalHeight();
picture.width(originalWidth);
picture.height(originalHeight);

你可以通过 pictureStretch 方法来改变图片的布局。 pictureStretch 的类型是 ImageLayout 枚举。并且你可以使用 getOriginalWidth 和 getOriginalHeight 方法来获取图片的原始宽度和原始高度。

你也可以设置图片的边框； 边框的设置和标准 DOM 的边框设置一样。例如：

picture.borderStyle('solid');
picture.borderWidth(2);
picture.borderColor('red');
picture.borderRadius(4);

如果图片的部分地方有透明， 你可以通过设置 backColor 来获取或者设置图片的背景色。例如：

picture.backColor('green');