Image issue with strokeUniform
by Steve Eberhardt
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.7.0/fabric.min.js"></script>
<canvas id="c" width="500" height="400" class="c"></canvas>
CSS
canvas {
border: 1px solid grey;
}
JavaScript
var canvas = new fabric.Canvas('c');
var imageSrc = "http://fabricjs.com/assets/dragon.jpg";
fabric.Image.fromURL(imageSrc, function(img) {
img.set({
left: 50,
scaleX: 0.18,
scaleY: 0.18,
top: 50,
strokeWidth: 50,
stroke: '#ccc',
strokeUniform: true,
paintFirst: 'stroke',
noScaleCache: false
}, {
crossOrigin: 'anonymous'
});
canvas.add(img);
});