Как установить ширину и высоту SVG в ткани?

Question

Как установить ширину и высоту SVG в ткани?

1

В настоящее время проблема возникает при установке ширины и высоты объекта svg в fabricjs. Я попытался настроить его так

   svg.width = 100;
   svg.height = 100;

Но я не получаю ожидаемого результата. Он просто уронит svg, а не масштабирует его. Итак, как я могу правильно установить его ширину и высоту?

Любая помощь будет оценена. Спасибо!

Dario Negri 22 июнь 2017, в 22:32

Источник

Теги:

javascript

fabricjs

1 ответ

Ещё вопросы

ɢʀᴜɴᴛ · Accepted Answer · 2017-06-22T18-58-00.000Z

Используйте scaleToWidth() и scaleToHeight() чтобы правильно установить ширину и высоту объекта SVG соответственно.

: -: рабочий пример: -:

var canvas = new fabric.Canvas('fabric-canvas');
fabric.loadSVGFromURL('https://istack.000webhostapp.com/1tf.svg', function(objects, options) {
   var svg = fabric.util.groupSVGElements(objects, options);
   svg.left = 50;
   svg.top = 50;
   svg.scaleToWidth(100);
   svg.scaleToHeight(100);
   canvas.add(svg);
   canvas.renderAll();
});

canvas{border:1px solid #ccc}

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.13/fabric.min.js"></script>
<canvas id="fabric-canvas" width="200" height="200"></canvas>