Comments (3)
Hello @ipocentro87 , this is an intended effect as it make sense topology wise. In the first figure, the vertical line is much farther to the horizontal line, thus it shouldn't automatically connect. On the other hand in the second figure, the horizontal line is much closer to the vertical line on its side, therefore it automatically connects. Explicitly putting +
or |
on the intersection would connect it.
from svgbob.
Hi @ivanceras , is there an alternative way to write -|-
but without having those lines crossing?
Example:
// ||| ||| ||| ||| | |
// vvv vvv vvv vvv | |
// +---+ +---+ +---+ +---+ | |
// |CSA| |CSA| |CSA| |CSA| | |
// +---+ +---+ +---+ +---+ | |
// s| |c | | | | | | | |
// | | | | .-' '-. | | | |
// | | | '-|---. | | | | |
// | '-------|-. | | | | | |
// '---. | .-' | | | | | | |
// .---|-|-|---|-|-|-|-|--' |
// | .-|-|-|---|-|-|-|-|----'
// | | | | | .-|-|-|-' |
// v v v v v v v v v v
from svgbob.
@ipocentro87 you can use the any of the parenthesis, (
or )
to visually indicate the that lines is not connected, like so.
// ||| ||| ||| ||| | |
// vvv vvv vvv vvv | |
// +---+ +---+ +---+ +---+ | |
// |CSA| |CSA| |CSA| |CSA| | |
// +---+ +---+ +---+ +---+ | |
// s| |c | | | | | | | |
// | | | | .-' '-. | | | |
// | | | '-|---. | | | | |
// | '---)---|-. | | | | | |
// '---. | .-' | | | | | | |
// .---|-|-|---|-|-|-|-(--' |
// | .-|-|-|---|-|-|-|-|----'
// | | | | | .-|-|-|-' |
// v v v v v v v v v v
Also, in electrical circles lines that just without putting a dot marker is also considered not connected.
from svgbob.
Related Issues (20)
- Styles are leaking HOT 2
- docs: radius 2.0 circle is iffy HOT 1
- Regressions in "Load Other Example"
- Choose a file extension for the new file format HOT 1
- Online demo preview and SVG output don't match HOT 1
- Embed iosevka font in the svg image
- XML parsing errors on generated svg
- Scoping styles
- Maintain an official SVGBob WASM NPM package HOT 1
- Browsers' automatic dark mode theme generation breaks svgbob
- Comment in style section is not a CSS comment HOT 1
- Detection of O-Corner with two arrows fails
- Syntax for an arc HOT 2
- Triangle filling is not working HOT 3
- To easier the trial, add docker image
- "Basic Shapes" seems broken HOT 1
- Fails to parse quoting at end of line
- Question: create a bigger circles HOT 2
- Question: Change text color
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 svgbob.