-1
我想进一步自定义织物尺寸的外观和感觉。它目前在画布上用1px边框绘制,但是我想要完成的是3px边框。更改织物中“hasControls”的边框尺寸js
fabricJS文档没有任何自定义属性来更改此边框尺寸。
我想进一步自定义织物尺寸的外观和感觉。它目前在画布上用1px边框绘制,但是我想要完成的是3px边框。更改织物中“hasControls”的边框尺寸js
fabricJS文档没有任何自定义属性来更改此边框尺寸。
将fabricjs对象与hasControls
属性设置为true也具有borderScaleFactor
和borderColor
属性。
color.addEventListener('change', function(){
canvas.getActiveObject().borderColor = this.value;
canvas.renderAll();
});
scale.addEventListener('change', function(){
canvas.getActiveObject().borderScaleFactor = this.value;
canvas.renderAll();
});
var canvas = new fabric.Canvas('canvas');
fabric.Image.fromURL('http://lorempixel.com/200/200', function(img) {
img.scale(0.8).set({
left: 150,
top: 150,
angle: -15
});
img.borderColor = color.value;
canvas.add(img).setActiveObject(img);
});
\t <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.5.0/fabric.js"></script>
<input id="color" type="color" value="#FF00FF"/>
<input id="scale" type="range" max="2" min=".01" step=".01"/>
<canvas id="canvas" width="800" height="600"></canvas>