Comments (5)
Further testing shows that strokeWidth
isn't working either. I changed:
app.$refs.canvas.createCircle({
left: 50,
top: 50,
fill: 'red',
radius: 10,
stroke: 'blue',
strokeWidth: 3
})
to
app.$refs.canvas.createCircle({
left: 50,
top: 50,
fill: 'red',
radius: 10,
stroke: 'blue',
strokeWidth: 9
})
There isn't any noticeable difference
from vue-fabric.
from vue-fabric.
you can use property drawWidth or update @.*** app.$refs.canvas.createCircle({ left: 50, top: 50, fill: 'red', radius: 10, stroke: 'blue', drawWidth: 3 }) thanks!
…
------------------ 原始邮件 ------------------ 发件人: "purestart/vue-fabric" @.>; 发送时间: 2021年4月21日(星期三) 下午2:31 @.>; @.***>; 主题: Re: [purestart/vue-fabric] createCircle Stroke colour (#39) Further testing shows that strokeWidth isn't working either. I changed: app.$refs.canvas.createCircle({ left: 50, top: 50, fill: 'red', radius: 10, stroke: 'blue', strokeWidth: 3 }) to app.$refs.canvas.createCircle({ left: 50, top: 50, fill: 'red', radius: 10, stroke: 'blue', strokeWidth: 9 }) There isn't any noticeable difference — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or unsubscribe.
Hey! So I was able to get the drawWidth
to work, however stroke
doesn't work. It is still displaying 'grey' colour.
from vue-fabric.
from vue-fabric.
I fixed it like this:
curr.forEach(point => {
const { x, y } = pointConverter(false, parseInt(point.x), parseInt(point.y))
console.log('Point:', point.type, app.mapPointsSettings[point.type].fill)
const obj = new fabric.Circle({
id: point.id,
objType: point.objType,
hasControls: false,
fill: app.mapPointsSettings[point.type].fill,
stroke: app.mapPointsSettings[point.type].stroke,
strokeWidth: app.mapPointsSettings[point.type].strokeWidth,
radius: app.mapPointsSettings[point.type].radius,
pointType: point.type,
originX: 'center',
originY: 'center',
left: x,
top: y,
selectabled: false,
lockMovementX: true,
lockMovementY: true
})
app.canvas.add(obj)
})
app.canvas.renderAll()
Thanks for your time
from vue-fabric.
Related Issues (20)
- 如何做到将组件拖入画布呢 HOT 1
- 希望能支持触摸屏上的touch 鼠标事件还是延迟还高了 HOT 1
- 大佬node-pre-gyp WARN Using request for node-pre-gyp https download gyp ERR! find Python 怎么回事啊 HOT 1
- 一个页面使用两个vue-fabric时候第二个vue-fabric没有渲染成功 HOT 1
- setting crossOrigin: 'anonymous'
- id = canvas的情况下会报错,应该可以屏蔽这个问题 HOT 1
- Mirror working only on image objects HOT 1
- 你好,能支持撤销操作吗,比如前进一步,后退一步 HOT 1
- 增加橡皮擦功能 HOT 1
- createTextbox 如何设置字体?
- 请问这个控制的边框的蓝色要如何去掉
- IText 支持的吗
- 怎么禁止选中图片啊? HOT 1
- this.$refs.canvas.createImage绘制图片时设置top无效
- fabric 4.0.0即将发布,是否有适配计划?
- 支持滚轮缩放、平移吗
- not working on vue3
- uniapp中怎么使用vue-fabric
- 使用 this.$refs.canvas.todataurl()只会保存上一次操作的图片
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-fabric.