javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-17 04:41:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

Image src now can be set to Data URI

Browse Source
This commit is contained in:
Vladimir Enchev
2016-01-12 11:53:05 +02:00
parent 8b943f0423
commit 49663322b7
2 changed files with 35 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
apps/tests/ui/image/image-tests.ts
View File

@ -131,6 +131,31 @@ export var test_SettingImageSrcToFileWithinApp = function (done) {
helper.buildUIAndRunTest(image, testFunc); helper.buildUIAndRunTest(image, testFunc);
} }
export var test_SettingImageSrcToDataURI = function (done) {
// <snippet module="ui/image" title="Image">
// ### How to create an image and set its src to Data URI.
// ``` JavaScript
var image = new ImageModule.Image();
image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAAXNSR0IArs4c6QAAABxpRE9UAAAAAgAAAAAAAAACAAAAKAAAAAIAAAACAAAARiS4uJEAAAASSURBVBgZYvjPwABHSMz/DAAAAAD//0GWpK0AAAAOSURBVGNgYPiPhBgQAACEvQv1D5y/pAAAAABJRU5ErkJggg==";
// ```
// </snippet>
var testFunc = function (views: Array<ViewModule.View>) {
var testImage = <ImageModule.Image>views[0];
TKUnit.waitUntilReady(() => !testImage.isLoading, 3);
try {
TKUnit.assertTrue(!testImage.isLoading, "isLoading should be false.");
TKUnit.assertNotNull(testImage.imageSource);
done(null);
}
catch (e) {
done(e);
}
}
helper.buildUIAndRunTest(image, testFunc);
}
export var test_SettingStretch_AspectFit = function () { export var test_SettingStretch_AspectFit = function () {
// <snippet module="ui/image" title="Image"> // <snippet module="ui/image" title="Image">
// ### How to set image stretching. // ### How to set image stretching.

11
ui/image/image-common.ts
View File

@ -5,6 +5,8 @@ import imageSource = require("image-source");
import definition = require("ui/image"); import definition = require("ui/image");
import enums = require("ui/enums"); import enums = require("ui/enums");
import platform = require("platform"); import platform = require("platform");
import utils = require("utils/utils");
import * as typesModule from "utils/types"; import * as typesModule from "utils/types";
var SRC = "src"; var SRC = "src";
@ -30,7 +32,14 @@ function onSrcPropertyChanged(data: dependencyObservable.PropertyChangeData) {
image._setValue(Image.isLoadingProperty, true); image._setValue(Image.isLoadingProperty, true);
if (imageSource.isFileOrResourcePath(value)) { if (utils.isDataURI(value)) {
var base64Data = value.split(",")[1];
if (types.isDefined(base64Data)) {
image.imageSource = imageSource.fromBase64(base64Data);
image._setValue(Image.isLoadingProperty, false);
}
}
else if (imageSource.isFileOrResourcePath(value)) {
image.imageSource = imageSource.fromFileOrResource(value); image.imageSource = imageSource.fromFileOrResource(value);
image._setValue(Image.isLoadingProperty, false); image._setValue(Image.isLoadingProperty, false);
} else { } else {