天下无坑

天下无坑


fabric.Image的prototype

<pre><code>重要的原型方法 scaleToWidth: ƒ () scaleToHeight: ƒ () getScaledHeight: ƒ () getScaledWidth: ƒ ()</code></pre> <pre><code class="language-js"> fabric.Image.fromURL(url, function (oImg) { oImg.scaleToWidth(); // 按给定的宽将整个图片缩放,高也会按比例跟着改变 oImg.scaleToHeight(); oImg.getScaledHeight(); oImg.getScaledWidth(); } // 图片裁剪实例 var img = document.getElementById("img"); image = new fabric.Image(img, { clipPath: new fabric.Rect({ top: 0, left: 0, width: this.canvas.width, height: this.canvas.height, fill: "silver", stroke: "silver", strokeDashArray: [5, 5], absolutePositioned: true, lockMovementX: true, // 禁止水平移动 lockMovementY: true, // 禁止垂直移动 hasRotatingPoint: false, // 无旋转点 hasControls: true, // 编辑框 selectable: false // 不可选中 }) }); image.crossOrigin = "anonymous"; // 可跨域访问图片 </code></pre> <p>原文链接:<a href="https://blog.csdn.net/weixin_39388536/article/details/103719600">https://blog.csdn.net/weixin_39388536/article/details/103719600</a></p>

页面列表

ITEM_HTML