Open
Description
First of all, thanks for creating this plugin. :)
I'm using the following example.
The font can be found here: https://gitlab.com/oskay/svg-fonts/-/blob/master/fonts/Hershey/HersheySans1.svg
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>SVG.js</title>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/svg.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/svg.pathmorphing.min.js"></script>
<script src="lib/svg.textmorph.min.js"></script>
</head>
<body>
<div id="drawing"></div>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function(event) {
var draw = SVG('drawing').viewbox(0, 0, 300, 300);
new SVG.SVGFont('svg_fonts/HersheySans1.svg', function(){
var text = draw.morphText('fghijklmnop').font({
family: this,
size:50
});
text.fill('none').stroke({ width: 1 })
// text.animate().text('GFEDCBA')
})
})
</script>
</body>
</html>The glyph "l" doesn't seem to be scaled properly and appears much taller than it should:
On another note, unfortunately the kerning seems to be slightly off (noticable between "j" and "k"). This is the result of an Inkscape plugin which seems to be a bit better. Any idea what's causing this?:
Thanks.
Metadata
Metadata
Assignees
Labels
No labels