Skip to content

Instantly share code, notes, and snippets.

Avatar
👊
Always Exploring

Zain Sajjad zsajjad

👊
Always Exploring
View GitHub Profile
@zsajjad
zsajjad / processImage.js
Last active Aug 18, 2018
Simple Method to capture image and provide it to RNTextDetector
View processImage.js
/**
* processImage
*
* Responsible for getting image from react native camera and
* starting image processing.
*
* @param {string} uri Path for the image to be processed
* @param {object} imageProperties Other properties of image to be processed
* @memberof App
* @author Zain Sajjad
@zsajjad
zsajjad / loadImageToCanvas.ts
Last active Jan 8, 2019
Drawing an image from URL in html canvas
View loadImageToCanvas.ts
import loadImage from 'blueimp-load-image';
const imageLoaderConfigs = {
maxWidth: 224,
maxHeight: 224,
cover: true,
crop: true,
canvas: true,
crossOrigin: 'Anonymous',
}
@zsajjad
zsajjad / runModel.ts
Created Jan 8, 2019
Running ONNX.js model
View runModel.ts
export async function runModel(model: InferenceSession, preProcessedData: Tensor): Promise<[Tensor, number]> {
const start = new Date();
try {
const outputData = await model.run([preProcessedData]);
const end = new Date();
const inferenceTime = (end.getTime() - start.getTime());
const output = outputData.values().next().value;
return [output, inferenceTime];
} catch (e) {
console.error(e);
@zsajjad
zsajjad / imagenet.ts
Last active Jan 8, 2019
Find top k imagenet classes
View imagenet.ts
import _ from 'lodash';
import { imagenetClasses } from '../data/imagenet';
/**
* Find top k imagenet classes
*/
export function imagenetClassesTopK(classProbabilities: any, k = 5) {
const probs = _.isTypedArray(classProbabilities) ?
Array.prototype.slice.call(classProbabilities) : classProbabilities;
@zsajjad
zsajjad / selectImage.js
Last active Mar 11, 2019
React Native Image styling app using Fritz SDK - Code files Image Selection
View selectImage.js
import ImagePicker from 'react-native-image-picker';
/* More info on all the options
*
* https://github.com/react-native-community/react-native-image-picker/blob/master/docs/Reference.md#options
*
*/
const options = {
title: 'Select Image for styling',
storageOptions: {
@zsajjad
zsajjad / Podflie
Last active Mar 12, 2019
React Native Image styling app using Fritz SDK - Podfile
View Podflie
# Uncomment the next line to define a global platform for your project
platform :ios, '11.0'
target 'MyStylingApp' do
# Uncomment the next line if you're using Swift or would like to use dynamic frameworks
# use_frameworks!
# Linking React Native for Pods Projects
rn_path = '../node_modules/react-native'
pod 'yoga', path: "#{rn_path}/ReactCommon/yoga/yoga.podspec"
@zsajjad
zsajjad / frtizStyleModel.js
Last active Mar 16, 2019
Method to create JS instance of fritz styling model
View frtizStyleModel.js
import { RNFritzVisionImageStyling } from 'react-native-fritz';
const darkKnights = await RNFritzVisionImageStyling({
name: 'darkKnights',
modelIdentifier: '55cdc02f89174e1c8458690d5b8621ae', // Your model identifier here
customModel: true,
modelVersion: 1,
});
View fritz.js
import RNFritz from 'react-native-fritz';
RNFritz.configure();
@zsajjad
zsajjad / frtizStyleModel.js
Last active Mar 19, 2019
Method to create & use JS instance of fritz builtin styling model
View frtizStyleModel.js
import { RNFritzVisionImageStyling } from 'react-native-fritz';
const poppyField = await RNFritzVisionImageStyling({
name: 'poppyField',
customModel: false,
});
View fritzStyleModel-Usage.js
poppyField.style({
imagePath: 'https://farm9.staticflickr.com/8295/8007075227_dc958c1fe6_z_d.jpg',
}).then((resp) => {
this.setState((state) => ({
styledImagePath: state.styledImagePath.concat([resp.imagePath]),
}));
}).catch((err) => {
console.log(err);
});