Hi,
please, is possible to somhow set box stroke to bee completely IN the box (as same as.html
Stroke as.html
Re: Stroke as.html
No, it's not possible to do that yet. But it's a much requested feature which I suspect might be added in a near future release. Although I really have no idea when
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: Stroke as.html
Yes, there probably is what they call a "workaround". I don't clearly understand why this is a problem with webdesign, so I'm hesitant to offer any suggestions. If you can explain why it's a problem, I'll be glad offer suggestions. Or maybe someone else is more familiar with web design, and can reply too?
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
SOLVED: Re: Stroke as.html
Here are some workarounds: https://bugs.launchpad.net/inkscape/+bug/170401
The problem is, that if you create box (div in html) and you set its size by css on 300px, for example, than you set its border to 1px, box size is 302px. But if you design a web template in inkscape, you create a box 300px, than you set up stroke 1px, and you are on 301px, now you are working with half pixels in layout). If you export bitmap in 100% of size, you have blended, not sharp borders. These you can not slice/export well.
Solution for resizable rectangle with web compatible stroke, following idea in link above, works for me with followed steps (typical 1px css inner border):
- create rectangle
- set its stroke 1px (no fill)
- select object and create its "linked offset" by Menu -> Path -> Linked offset
- move its node (offset distance) point little bit inside the main box (as close to stroke middle axis as possible)
- for the offset (inner) object set none stroke and your fill color
- group main box and its offset object together (reason for grouping is later on grid snapping)
- turn on snapping "Snap bounding box corners"
- zoom enough and snap new bordered box corner to grid
By these steps, box can be snapped to integer position, can be comfortably resized. Stroke width and both colors can be set after selecting right object by node selector (F2). All without need of ungrouping them.
I am happy with inkscape again.
It is not ideal workflow, but it is possible to do it...
Re: Stroke as.html
No, it's not possible to do that yet. But it's a much requested feature which I suspect might be added in a near future release. Although I really have no idea when
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design

Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: Stroke as.html
Yes, there probably is what they call a "workaround". I don't clearly understand why this is a problem with webdesign, so I'm hesitant to offer any suggestions. If you can explain why it's a problem, I'll be glad offer suggestions. Or maybe someone else is more familiar with web design, and can reply too?
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
SOLVED: Re: Stroke as.html
Here are some workarounds: https://bugs.launchpad.net/inkscape/+bug/170401
The problem is, that if you create box (div in html) and you set its size by css on 300px, for example, than you set its border to 1px, box size is 302px. But if you design a web template in inkscape, you create a box 300px, than you set up stroke 1px, and you are on 301px, now you are working with half pixels in layout). If you export bitmap in 100% of size, you have blended, not sharp borders. These you can not slice/export well.
Solution for resizable rectangle with web compatible stroke, following idea in link above, works for me with followed steps (typical 1px css inner border):
- create rectangle
- set its stroke 1px (no fill)
- select object and create its "linked offset" by Menu -> Path -> Linked offset
- move its node (offset distance) point little bit inside the main box (as close to stroke middle axis as possible)
- for the offset (inner) object set none stroke and your fill color
- group main box and its offset object together (reason for grouping is later on grid snapping)
- turn on snapping "Snap bounding box corners"
- zoom enough and snap new bordered box corner to grid
By these steps, box can be snapped to integer position, can be comfortably resized. Stroke width and both colors can be set after selecting right object by node selector (F2). All without need of ungrouping them.
I am happy with inkscape again.
It is not ideal workflow, but it is possible to do it...
The problem is, that if you create box (div in html) and you set its size by css on 300px, for example, than you set its border to 1px, box size is 302px. But if you design a web template in inkscape, you create a box 300px, than you set up stroke 1px, and you are on 301px, now you are working with half pixels in layout). If you export bitmap in 100% of size, you have blended, not sharp borders. These you can not slice/export well.
Solution for resizable rectangle with web compatible stroke, following idea in link above, works for me with followed steps (typical 1px css inner border):
- create rectangle
- set its stroke 1px (no fill)
- select object and create its "linked offset" by Menu -> Path -> Linked offset
- move its node (offset distance) point little bit inside the main box (as close to stroke middle axis as possible)
- for the offset (inner) object set none stroke and your fill color
- group main box and its offset object together (reason for grouping is later on grid snapping)
- turn on snapping "Snap bounding box corners"
- zoom enough and snap new bordered box corner to grid
By these steps, box can be snapped to integer position, can be comfortably resized. Stroke width and both colors can be set after selecting right object by node selector (F2). All without need of ungrouping them.
I am happy with inkscape again.
