Tricks and tips - Revision history

Adambelis at 07:46, 16 May 2024

2024-05-16T07:46:28Z

← Older revision		Revision as of 07:46, 16 May 2024
Line 1:		Line 1:
	{{Other languages\|en=Tricks and tips}}		{{Other languages\|en=Tricks and tips}}
			<div style="margin: 0 auto 1em; padding: 1.6em; width: 80%; border: 4px solid blue; background: #CCCCFF; font-style: italic; text-align: center;">
			'''This page is outdated. It is kept for historical reasons, e.g. to document specific decisions in Inkscape development.'''

			{{{message\|}}}
			</div><includeonly>[[Category:Wiki Attic]]</includeonly><noinclude>

			[[Category:Wiki templates]]
			</noinclude>

	Also see: [https://inkscape.org/doc/tutorials/tips/tutorial-tips.en.html Tips and Tricks Tutorial] (online version), interactive offline version available via the Help menu in the Inkscape program.		Also see: [https://inkscape.org/doc/tutorials/tips/tutorial-tips.en.html Tips and Tricks Tutorial] (online version), interactive offline version available via the Help menu in the Inkscape program.

Moini: Add info about result of this page, add info about how to contribute

2016-03-15T12:16:03Z

Add info about result of this page, add info about how to contribute

← Older revision		Revision as of 12:16, 15 March 2016
Line 1:		Line 1:
	{{Other languages\|en=Tricks and tips}}		{{Other languages\|en=Tricks and tips}}

			Also see: [https://inkscape.org/doc/tutorials/tips/tutorial-tips.en.html Tips and Tricks Tutorial] (online version), interactive offline version available via the Help menu in the Inkscape program.

			Contents of this page may be '''slightly outdated'''. If you can help with updating the page, please contact the [https://inkscape.org/en/community/mailing-lists/ Inkscape developers mailing list, or the docs mailing list]


	== Generic tricks and tips ==		== Generic tricks and tips ==

ScislaC: /* Scaling images to fit in webpages/HTML */

2013-12-20T00:13:50Z

Scaling images to fit in webpages/HTML

← Older revision		Revision as of 00:13, 20 December 2013
Line 63:		Line 63:
	Starting with 0.48, it is possible to do this using the "optimised SVG" output filetype. Go to <tt>File > Save as... > Optimised SVG</tt> , then check "Enable ViewBoxing" to do the same thing.		Starting with 0.48, it is possible to do this using the "optimised SVG" output filetype. Go to <tt>File > Save as... > Optimised SVG</tt> , then check "Enable ViewBoxing" to do the same thing.

	Starting with 0.49, a <tt>viewBox</tt> is added automatically, and the above procedure is not needed.		Starting with 0.91, a <tt>viewBox</tt> is added automatically, and the above procedure is not needed.

	== Position guides ==		== Position guides ==

MPetroff: /* Scaling images to fit in webpages/HTML */ Update with respect to recent changes

2013-09-20T22:37:18Z

Scaling images to fit in webpages/HTML: Update with respect to recent changes

← Older revision		Revision as of 22:37, 20 September 2013
Line 61:		Line 61:
	Alternatively, use the extensions attached to [https://bugs.launchpad.net/inkscape/+bug/169966 'Saving Plain SVG with viewBox extension' bug].		Alternatively, use the extensions attached to [https://bugs.launchpad.net/inkscape/+bug/169966 'Saving Plain SVG with viewBox extension' bug].

	~~In the next release (~~0.48) it ~~will be~~ possible to do this using the "optimised SVG" output filetype. Go to <tt>File > Save as... > Optimised SVG</tt> , then check "Enable ViewBoxing" to do the same thing.		Starting with 0.48, it is possible to do this using the "optimised SVG" output filetype. Go to <tt>File > Save as... > Optimised SVG</tt> , then check "Enable ViewBoxing" to do the same thing.

			Starting with 0.49, a <tt>viewBox</tt> is added automatically, and the above procedure is not needed.

	== Position guides ==		== Position guides ==

~suv at 03:23, 8 November 2012

2012-11-08T03:23:23Z

← Older revision		Revision as of 03:23, 8 November 2012
Line 83:		Line 83:

	The second and penultimate steps are only needed if your keeping the calligraphy line as a stroke. Alternatively, use the fill bounds tool :)		The second and penultimate steps are only needed if your keeping the calligraphy line as a stroke. Alternatively, use the fill bounds tool :)

			== Mirror modelling ==

			Inkscape is a drawing application, not CAD, so maybe the word "modelling" is not appropriate.

			<!-- broken link: http://khiraly.4242.hu/tmp/mirrorModellingDone.png -->
			[http://web.archive.org/web/20070315004454/http://khiraly.4242.hu/tmp/mirrorModellingDone.png Mirror Modelling] (PNG)

			<!-- broken link: http://khiraly.4242.hu/tmp/mirrorModelling.tar.gz -->
			If you want to play with the image, the inkscape source available [http://web.archive.org/web/20070317180357/http://khiraly.4242.hu/tmp/mirrorModelling.tar.gz here].

			== How to make an edge ==

			<!-- broken link: http://khiraly.4242.hu/tmp/joinTwoNodes.png -->
			[http://web.archive.org/web/20070318073051/http://khiraly.4242.hu/tmp/joinTwoNodes.png Join Two Nodes] (PNG)

			<!-- broken link: http://khiraly.4242.hu/tmp/joinTwoNodes.tar.gz -->
			Source is [http://web.archive.org/web/20070317063930/http://khiraly.4242.hu/tmp/joinTwoNodes.tar.gz here].

			Comment :
			# This doesn't explain anything to me. HOW do you break apart a node? HOW do you join two nodes? I see steps I through III, but those little graphics don't explain how to do it.
			# I think this is trying to explain how to [apparently] join something to a closed loop; I'd like to see n-way nodes for this (is that in the spec?). What they are doing is taking a node on that loop and making it in to two nodes in the same place using -0-0- (that's my ASCII art for the node duplicate icon! it's on the menu bar when you are using the node edit tool on a path). Then we split using -0 0-. Then join one of the coincidental nodes to the other shape. It now looks like you have a spur off from your closed loop. But you don't. Is that it, do I get a cookie?? --[[User:Pbhj\|Pbhj]] 15:08, 7 July 2006 (PDT)

	== How to rotate and duplicate ==		== How to rotate and duplicate ==
Line 185:		Line 207:
	[http://www.coofercat.com/wiki/InkScape ...Coofer Cat]		[http://www.coofercat.com/wiki/InkScape ...Coofer Cat]

			<!--
	==Broken links ;-(==		==Broken links ;-(==
	~~=== Mirror modelling ===~~		-->

	~~Inkscape is a drawing application, not CAD, so maybe the word "modelling" is not appropriate.~~

	~~<!-- broken link: http://khiraly.4242.hu/tmp/mirrorModellingDone.png~~ -->
	~~[http://web.archive.org/web/20070315004454/http://khiraly.4242.hu/tmp/mirrorModellingDone.png Mirror Modelling] (PNG)~~

	~~<!-- broken link: http://khiraly.4242.hu/tmp/mirrorModelling.tar.gz -->~~
	~~If you want to play with the image, the inkscape source available [http://web.archive.org/web/20070317180357/http://khiraly.4242.hu/tmp/mirrorModelling.tar.gz here].~~

	~~=== How to make an edge ===~~

	~~<!-- broken link: http://khiraly.4242.hu/tmp/joinTwoNodes.png -->~~
	~~[http://web.archive.org/web/20070318073051/http://khiraly.4242.hu/tmp/joinTwoNodes.png Join Two Nodes] (PNG)~~

	~~<!-- broken link: http://khiraly.4242.hu/tmp/joinTwoNodes.tar.gz -->~~
	~~Source is [http://web.archive.org/web/20070317063930/http://khiraly.4242.hu/tmp/joinTwoNodes.tar.gz here].~~

	~~Comment :~~
	~~# This doesn't explain anything to me. HOW do you break apart a node? HOW do you join two nodes? I see steps I through III, but those little graphics don't explain how to do it.~~
	# I think this is trying to explain how to [apparently] join something to a closed loop; I'd like to see n-way nodes for this (is that in the spec?). What they are doing is taking a node on that loop and making it in to two nodes in the same place using -0-0- (that's my ASCII art for the node duplicate icon! it's on the menu bar when you are using the node edit tool on a path). Then we split using -0 0-. Then join one of the coincidental nodes to the other shape. It now looks like you have a spur off from your closed loop. But you don't. Is that it, do I get a cookie?? --[[User:Pbhj\|Pbhj]] 15:08, 7 July 2006 (PDT)

~suv: /* Broken links ;-( */ links updated to retrieve archived version from Internet Archive Wayback Machine

2012-11-08T03:19:08Z

Broken links ;-(: links updated to retrieve archived version from Internet Archive Wayback Machine

← Older revision		Revision as of 03:19, 8 November 2012
Line 185:		Line 185:
	[http://www.coofercat.com/wiki/InkScape ...Coofer Cat]		[http://www.coofercat.com/wiki/InkScape ...Coofer Cat]

	==Broken links ;-(==		==Broken links ;-(==
	=== Mirror modelling ===		=== Mirror modelling ===

	Inkscape is a drawing application, not CAD, so maybe the word "modelling" is not appropriate.		Inkscape is a drawing application, not CAD, so maybe the word "modelling" is not appropriate.

	http://khiraly.4242.hu/tmp/mirrorModellingDone.png		<!-- broken link: http://khiraly.4242.hu/tmp/mirrorModellingDone.png -->
			[http://web.archive.org/web/20070315004454/http://khiraly.4242.hu/tmp/mirrorModellingDone.png Mirror Modelling] (PNG)

	If you want to play with the image, the inkscape source available [http://khiraly.4242.hu/tmp/mirrorModelling.tar.gz here].		<!-- broken link: http://khiraly.4242.hu/tmp/mirrorModelling.tar.gz -->
			If you want to play with the image, the inkscape source available [http://web.archive.org/web/20070317180357/http://khiraly.4242.hu/tmp/mirrorModelling.tar.gz here].

	=== How to make an edge ===		=== How to make an edge ===

	http://khiraly.4242.hu/tmp/joinTwoNodes.png		<!-- broken link: http://khiraly.4242.hu/tmp/joinTwoNodes.png -->
			[http://web.archive.org/web/20070318073051/http://khiraly.4242.hu/tmp/joinTwoNodes.png Join Two Nodes] (PNG)

	Source is [http://khiraly.4242.hu/tmp/joinTwoNodes.tar.gz here].		<!-- broken link: http://khiraly.4242.hu/tmp/joinTwoNodes.tar.gz -->
			Source is [http://web.archive.org/web/20070317063930/http://khiraly.4242.hu/tmp/joinTwoNodes.tar.gz here].

	Comment :		Comment :
	# This doesn't explain anything to me. HOW do you break apart a node? HOW do you join two nodes? I see steps I through III, but those little graphics don't explain how to do it.		# This doesn't explain anything to me. HOW do you break apart a node? HOW do you join two nodes? I see steps I through III, but those little graphics don't explain how to do it.
	# I think this is trying to explain how to [apparently] join something to a closed loop; I'd like to see n-way nodes for this (is that in the spec?). What they are doing is taking a node on that loop and making it in to two nodes in the same place using -0-0- (that's my ASCII art for the node duplicate icon! it's on the menu bar when you are using the node edit tool on a path). Then we split using -0 0-. Then join one of the coincidental nodes to the other shape. It now looks like you have a spur off from your closed loop. But you don't. Is that it, do I get a cookie?? --[[User:Pbhj\|Pbhj]] 15:08, 7 July 2006 (PDT)		# I think this is trying to explain how to [apparently] join something to a closed loop; I'd like to see n-way nodes for this (is that in the spec?). What they are doing is taking a node on that loop and making it in to two nodes in the same place using -0-0- (that's my ASCII art for the node duplicate icon! it's on the menu bar when you are using the node edit tool on a path). Then we split using -0 0-. Then join one of the coincidental nodes to the other shape. It now looks like you have a spur off from your closed loop. But you don't. Is that it, do I get a cookie?? --[[User:Pbhj\|Pbhj]] 15:08, 7 July 2006 (PDT)

Marko: + languages

2012-05-07T15:29:16Z

+ languages

← Older revision		Revision as of 15:29, 7 May 2012
Line 1:		Line 1:
			{{Other languages\|en=Tricks and tips}}

	== Generic tricks and tips ==		== Generic tricks and tips ==

Simarilius: fill calligraphy tut replaced

2011-10-28T07:38:02Z

fill calligraphy tut replaced

← Older revision		Revision as of 07:38, 28 October 2011
Line 68:		Line 68:

	Quick tut on how to add fill to shapes you've drawn with the calligraphic pen.		Quick tut on how to add fill to shapes you've drawn with the calligraphic pen.
	~~Please reupload tut on~~ this ~~topic --[[User~~:~~GigaClon\|GigaClon]] 20:42, 19 June 2006 (PDT~~)		A far easier solution to creating fills for closed shapes drawn with the calligraphic tool than I described previously. Simple enough I should be able to do without pics, so here gos

			* Draw the shape with the calligraphic tool
			* Duplicate it. (ctrl + D)
			* Draw another line in the region that will be filled.
			* Select this line and the duplicate of the original.
			* Do union (ctrl & + )
			* break apart (ctrl + shift + K)
			* Union again (ctrl & + )
			* Send it backwards (Page down)
			* Fill it with a whatever color you want.

			The second and penultimate steps are only needed if your keeping the calligraphy line as a stroke. Alternatively, use the fill bounds tool :)

	== How to rotate and duplicate ==		== How to rotate and duplicate ==

Dannybpng: /* Text on circle starting position */

2010-10-18T21:52:32Z

Text on circle starting position

← Older revision		Revision as of 21:52, 18 October 2010
Line 97:		Line 97:
	* select both the text and the circle		* select both the text and the circle
	* go to Text \| Put on Path		* go to Text \| Put on Path

			If you want to have the text to start at a specific position on the circle:
			* follow either of the steps above
			* then select the circle
			* go to Object \| Transform \| Rotate
			* change the angle until the text starts at the desired position

	That's it!		That's it!

Legio noctis: Reverted edits by Farah14 (Talk) to last version by Legio noctis

2010-05-06T16:44:32Z

Reverted edits by Farah14 (Talk) to last version by Legio noctis

← Older revision		Revision as of 16:44, 6 May 2010
Line 176:		Line 176:
	=== How to make an edge ===		=== How to make an edge ===

	do you need a change in mood when it comes to going to another place? are you tired of watching those the same old beach, scenery, and places? try this one and you will never regret it. and you will come over and over again. this may help you in your needs, try to see this link!!

	~~Related Link:~~

	~~[http://www.greatoceanroadtours.com.au/sites/default.asp '''great ocean road trips''']~~
	http://khiraly.4242.hu/tmp/joinTwoNodes.png		http://khiraly.4242.hu/tmp/joinTwoNodes.png