# Help with P5.js and ML5.js **URL:** \ **Category:** Libraries\ **Created:** [December 9, 2018, 5:16pm UTC](https://discourse.processing.org/t/help-with-p5-js-and-ml5-js/6446 "2018-12-09T17:16:05Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![zack](https://avatars.discourse-cdn.com/v4/letter/z/f6c823/32.png) [@zack](https://discourse.processing.org/u/zack)\ **Post date:** [December 9, 2018, 5:16pm UTC](https://discourse.processing.org/t/help-with-p5-js-and-ml5-js/6446/1 "2018-12-09T17:16:05Z")
Hello Community 🙂 I’ve been playing with p5.js and the new ml5.js machine learning library. I’m having an issue using a p5 image as an input for the ml5 style transfer function. Maybe someone can help me figure out how to get my code working. I have modified some code that was in the ml5 examples. HTML file: ```auto

Style Transfer Image Example

Loading Models...

Input Image:

input img
``` Javascript: ```auto let iwidth = 200; let iheight = 200; let cwidth = 2000; let cheight = 2000; let inputImg2; let isPressed = false; let nI; const newImage2 = new Image(iwidth, iheight); // The image we want to transfer let inputImg = document.getElementById('inputImg'); const statusMsg = document.getElementById('statusMsg'); // The status message const styleB = document.getElementById('styleB'); // The div contrianer that holds new style image B function preload() { inputImg2 = loadImage("img/animal-chihuahua-cute-39317.jpg"); } function setup() { createCanvas(cwidth, cheight); background(125); transferImages(); } function draw() { background(125) if (isPressed) { image(nI,mouseX,mouseY,iwidth,iheight); } //noLoop(); } function transferImages() { ml5.styleTransfer('models/udnie') .then(style2 => style2.transfer(inputImg2)) .then(result => { newImage2.src = result.src; statusMsg.innerHTML = 'Done!'; nI = loadImage(newImage2.src); }); // ml5.styleTransfer('models/udnie') // .then(style2 => style2.transfer(inputImg)) // .then(result => { // newImage2.src = result.src; // statusMsg.innerHTML = 'Done!'; // nI = loadImage(newImage2.src); // }); } function mousePressed() { if (!isPressed) { isPressed = true; } else { } } ``` Thanks in advance! Let me know if I need to rephrase or clarify my post. ---
**Author:** ![zack](https://avatars.discourse-cdn.com/v4/letter/z/f6c823/32.png) [@zack](https://discourse.processing.org/u/zack)\ **Post date:** [December 12, 2018, 2:03am UTC](https://discourse.processing.org/t/help-with-p5-js-and-ml5-js/6446/2 "2018-12-12T02:03:12Z")
If any one is checking. I was able to get a solution that worked for me: ```auto inputImage3 = createImg(inputImg2.canvas.toDataURL()); ```