download.microsoft.com/documents/hk/technet/techdays2012...mime type: text/cache-manifest // read...

25

Upload: others

Post on 24-Jul-2020

15 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 2: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 3: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 4: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 5: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var

Windows Core OS Services

JavaScript

(Chakra)

C

C++

C#

VB

Metro style Apps

Communication

& Data

Application Model

Devices &

Printing

WinRT APIs

Graphics &

Media

XAML HTML / CSS

HTML JavaScript

C

C++

C#

VB

Desktop Apps

Win32 .NET

/ SL

Internet

Explorer

Sys

tem

Serv

ices

Vie

w

Mo

del

Co

ntr

olle

r C

ore

Page 6: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 7: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 8: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 9: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var

// apply CSS transform to an element

element.style.msTransform =

"scale(0.4) perspective(290px) rotateY(17deg)";

// apply CSS transition to an element

element.style.msTransitionProperty = "transform";

element.style.msTransitionDuration = "2.5s";

element.style.msTransitionDelay = "0s";

Page 10: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 11: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 12: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 13: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 14: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 15: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 16: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 17: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var

MIME Type: text/cache-manifest

Page 18: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 19: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 20: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 21: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var

// Read file using FileReader and register handler for loadend

var filereader = new FileReader();

filereader.imagediv = d; // expando to store image element

filereader.onloadend = handleReaderOnLoadEnd;

filereader.readAsDataURL(file);

// Set image src in loadend handler

function handleReaderOnLoadEnd(event)

{

var image = this.imagediv.children[0].children[0];

image.src = this.result;

}

Page 22: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 23: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 24: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var
Page 25: download.microsoft.com/documents/hk/technet/techdays2012...MIME Type: text/cache-manifest // Read file using FileReader and register handler for loadend var