imagetracer.js照片变成矢量SVG图片实例页面

回到相关文章 »

效果:

代码:

HTML代码:
<img src="./ps1.jpg" width="250" height="188">
<div id="svgcontainer"></div>
<img src="./icon-del.png">
<span id="iconsvg"></span>
                
JS代码:
ImageTracer.imageToSVG(
    './ps1.jpg',
    function(svgstr){ ImageTracer.appendSVGString( svgstr, 'svgcontainer' ); },
    {numberofcolors: 256, scale:.5},
    'Curvy'
);
ImageTracer.imageToSVG(
    './icon-del.png',
    function(svgstr){ ImageTracer.appendSVGString( svgstr, 'iconsvg' ); },
    { ltres:0.1, qtres:0.1, scale:10, strokewidth:0, numberofcolors: 4 }
);