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 } );