jankovicsandras / imagetracerjs

Simple raster image tracer and vectorizer written in JavaScript.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

not working on mobile?

mrjizz opened this issue · comments

as far as I can see I'm getting this error

Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.

image loads fine on all desktop browsers I have tested but not on mobile?

my test code:
"<script src="/imagetracer_v1.2.5.js"></script>

<script> var the_image = '/babyface.jpg'; var options = { colorquantcycles : 1, pathomit : 11 }; options.pal = [{r:255,g:255,b:255,a:255}, {r:0,g:0,b:0,a:255}]; ImageTracer.imageToSVG( the_image, function(svgstr){ ImageTracer.appendSVGString( svgstr, 'svgcontainer' ); }, options ); </script>"

Check your file paths, / only points to a directory. But you are requiring files here. So either use ./imagetracer.js and ./babyface.jpg or just remove the prepending slash to imagetracer.js, babyface.jpg.

Check your file paths, / only points to a directory. But you are requiring files here. So either use ./imagetracer.js and ./babyface.jpg or just remove the prepending slash to imagetracer.js, babyface.jpg.

this doesn't work as it goes server/mydomainfolder/file? (again working fine on desktop browsers not on mobile just)

as iv been looking into it, iv noticed a few issues where mobile browsers won't show SVG? any experience with that?

also with a further investigation (not too clued in on debugging android browser?), the error may not be from 'imagetracer' but as I say, just the fact the mobile browser is not displaying the SVG?

Check your file paths, / only points to a directory. But you are requiring files here. So either use ./imagetracer.js and ./babyface.jpg or just remove the prepending slash to imagetracer.js, babyface.jpg.

this doesn't work as it goes server/mydomainfolder/file? (again working fine on desktop browsers not on mobile just)

as iv been looking into it, iv noticed a few issues where mobile browsers won't show SVG? any experience with that?

also with a further investigation (not too clued in on debugging android browser?), the error may not be from 'imagetracer' but as I say, just the fact the mobile browser is not displaying the SVG?

hold my horses!, tried changing file paths as you said then reverted back and now it's firing the same error on desktop now, dam!, I didn't even change anything else.

sorry for noobness but would I have to call my js files from the main folder then?

(im running apache shared hosting with wordpress install if that helps any)

Check your file paths, / only points to a directory. But you are requiring files here. So either use ./imagetracer.js and ./babyface.jpg or just remove the prepending slash to imagetracer.js, babyface.jpg.

this doesn't work as it goes server/mydomainfolder/file? (again working fine on desktop browsers not on mobile just)
as iv been looking into it, iv noticed a few issues where mobile browsers won't show SVG? any experience with that?
also with a further investigation (not too clued in on debugging android browser?), the error may not be from 'imagetracer' but as I say, just the fact the mobile browser is not displaying the SVG?

hold my horses!, tried changing file paths as you said then reverted back and now it's firing the same error on desktop now, dam!, I didn't even change anything else.

sorry for noobness but would I have to call my js files from the main folder then?

(im running apache shared hosting with wordpress install if that helps any)

Eureka!, you can probably forget everything iv said :/

it was an HTTP vs https problem (ie being sent to HTTP instead of the https address)

Hi,

As I understand, this Issue is solved. Great! :)

I recommend you checking out options.corsenabled also or more on MDN .