| | |
|---|
| | | <button @click="saveImgData">保存</button> |
|---|
| | | </li> |
|---|
| | | <li> |
|---|
| | | |
|---|
| | | </li> |
|---|
| | | <li> |
|---|
| | | <label>画笔：</label> |
|---|
| | |
|---|
| | | rect.render(ctx); |
|---|
| | | return patternCanvas; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const img = new Image(); |
|---|
| | | // img.src = "../assets/images/drop.jpg"; |
|---|
| | | this.texturePatternBrush = new fabric.PatternBrush(this.canvas); |
|---|
| | | this.texturePatternBrush.source = img; |
|---|
| | | } |
|---|
| | |
|---|
| | | if (brush.getPatternSrc) { |
|---|
| | | brush.source = brush.getPatternSrc.call(brush); |
|---|
| | | } |
|---|
| | | console.log(e.srcElement.value); |
|---|
| | | }, |
|---|
| | | // 修改画笔粗细 |
|---|
| | | changeLineWidth(e) { |
|---|
| | | console.log(e); |
|---|
| | | this.canvas.freeDrawingBrush.width = |
|---|
| | | parseInt(e.srcElement.value, 10) || 1; |
|---|
| | | }, |
|---|
| | |
|---|
| | | changeShowColor(e) { |
|---|
| | | this.canvas.contextContainer.shadowColor = e.srcElement.value; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 阴影宽度 |
|---|
| | | changeShowWidth(e) { |
|---|
| | | console.log(this.canvas); |
|---|
| | |
|---|
| | | this.canvas.contextContainer.shadowOffsetY = |
|---|
| | | parseInt(e.srcElement.value, 10) || 0; |
|---|
| | | }, |
|---|
| | | // 保存图书 |
|---|
| | | // 保存图片 |
|---|
| | | saveImgData() { |
|---|
| | | const imgData = this.canvas.toDataURL({ |
|---|
| | | format: "png", // 指定输出格式，通常是'png'或'jpeg' |
|---|
