JavaScript FabricJS strokeWidth - strokeDashArray Bug?

I'm drawing a dashed line and a dashed rect in fabricjs, but there is an issue when setting the strokeWidth too high for the line/rect to draw the strokeDashArray properly.

Example:
if strokeDashArray: [10,2] and the strokeWidh: 1 everything's fine, but if I set strokeWidh: 5 the line/rect isn't dashed anymore.

I found out, that setting strokeLineCap: 'square' messes it up, but i don't understand why

Fiddle - Example: jsfiddle

Would appreciate any kind of help :D

Answer:1

asturur (contributor fabric.js) wrote this explanation:

Is not messed up. is how square workds. you have to make strokeDash with more space between "black and white".

Answer:2

I've recently started using Ramda to work with responses from JSONAPI and I am having some trouble dealing with complex relationships.. I have a big array with three smaller arrays, and I need to ...

I've recently started using Ramda to work with responses from JSONAPI and I am having some trouble dealing with complex relationships.. I have a big array with three smaller arrays, and I need to ...

  1. merge three arrays javascript
  2. merge three arrays php
  3. merge three arrays python
  4. merge three arrays
  5. merge three arrays java
  6. merge three arrays in js
  7. merge three arrays c#
  8. merge three sorted arrays
  9. numpy merge three arrays
  10. php merge three arrays into one
  11. merge three sorted arrays java
  12. jquery merge three arrays

I am going to check if an html element contains it's own text. Examples are <div>Text<tag></tag>Text</div> and <div>Text</div>. Some thing that not fit is <...

I am going to check if an html element contains it's own text. Examples are <div>Text<tag></tag>Text</div> and <div>Text</div>. Some thing that not fit is <...

  1. check html element type
  2. check html element exists javascript
  3. check html element has class
  4. check html element exists jquery
  5. check html element type jquery
  6. check html element
  7. check html element visible
  8. check html element attribute
  9. check html element visible jquery
  10. check html element present jquery
  11. check html element exist
  12. check html element jquery
  13. check html element value
  14. check html element color
  15. html check element has focus
  16. check if html element exists jquery
  17. check if html element exists
  18. check if html element is visible
  19. check if html element has class
  20. check if html element exists javascript

I have been trying to make an arrow rotate by adding a css class to a jquery statement. This is used on show/hide tabs which will allow me to show which one is open based on the arrows. I had this ...

I have been trying to make an arrow rotate by adding a css class to a jquery statement. This is used on show/hide tabs which will allow me to show which one is open based on the arrows. I had this ...

  1. jquery add/remove class when window width changes
  2. jquery add/remove class on scrolltop
  3. jquery add remove class dynamically
  4. jquery add remove class to div
  5. jquery add remove class timer
  6. jquery add remove class delay
  7. jquery add remove class button
  8. jquery add removeclass
  9. jquery removeclass add class
  10. removeclass and add another jquery
  11. jquery add remove class onclick
  12. jquery add remove class onclick codepen
  13. jquery toggle add remove class
  14. jquery hover add remove class
  15. jquery toggleclass add remove class
  16. jquery slidetoggle add remove class
  17. jquery add remove class checkbox
  18. jquery add remove class on scroll
  19. jquery animate add remove class
  20. jquery css add remove class

Let's say I just add a simple little image: var image = scene.add.image(200,200,'simple-little-image.png'); Then later, I want to destory it. Not just hide it, but remove all of it's data and ...

Let's say I just add a simple little image: var image = scene.add.image(200,200,'simple-little-image.png'); Then later, I want to destory it. Not just hide it, but remove all of it's data and ...

  1. remove image phaser 3
  2. phaser 3 remove image