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