{"id":182299,"date":"2025-11-19T09:38:44","date_gmt":"2025-11-19T14:38:44","guid":{"rendered":"https:\/\/en.tsc-stage.co\/learn\/?post_type=tutorial&#038;p=182299"},"modified":"2026-02-23T13:59:04","modified_gmt":"2026-02-23T18:59:04","slug":"working-with-the-canvas","status":"publish","type":"tutorial","link":"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/working-with-the-canvas\/","title":{"rendered":"Position Media on the Canvas"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/6kxd8pu7rb.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_6kxd8pu7rb videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-canvas-overview\">Canvas Overview<\/h2>\n\n\n\n<p>The canvas is the area to preview and arrange media in your video. Drag and drop media or assets onto the canvas or timeline to add it to a video. <br><br><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"440\" class=\"wp-image-340707\" style=\"width: 1080px;\" src=\"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-draganddrop-small.png\" alt=\"Drag and drop title on canvas\" srcset=\"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-draganddrop-small.png 1080w, https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-draganddrop-small-300x122.png 300w, https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-draganddrop-small-1024x417.png 1024w, https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-draganddrop-small-768x313.png 768w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/><\/p>\n\n\n\n<p>The canvas shows a preview of your video. Drag the playhead along the timeline to change the point in time in the video that is shown. <br><br><img loading=\"lazy\" decoding=\"async\" width=\"649\" height=\"642\" class=\"wp-image-340719\" style=\"width: 649px;\" src=\"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-playhead-small.png\" alt=\"arrow pointing to timeline playhead\" srcset=\"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-playhead-small.png 649w, https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-playhead-small-300x297.png 300w\" sizes=\"auto, (max-width: 649px) 100vw, 649px\" \/><\/p>\n\n\n\n<p>To learn how the timeline and canvas work together to build your video content, see the <a href=\"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/timeline-key-concepts\/\">3 Keys to the Timeline<\/a> video series. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-position-media-on-the-canvas\">Position Media on the Canvas<\/h2>\n\n\n\n<p>Complete any of the following to edit the position of media in your video: <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/po53c8d2bb.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_po53c8d2bb videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Move<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the canvas toolbar, click <strong>Edit<\/strong> mode.<br><img loading=\"lazy\" decoding=\"async\" width=\"117\" height=\"38\" class=\"wp-image-340733\" style=\"width: 117px;\" src=\"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-edit-mode.png\" alt=\"canvas edit mode button\"><\/li>\n\n\n\n<li>Click and drag media to move to a new location on the canvas. <\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/g8bgjhvxyp.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_g8bgjhvxyp videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Resize<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the canvas toolbar, click <strong>Edit<\/strong> mode.<br><img loading=\"lazy\" decoding=\"async\" width=\"117\" height=\"38\" class=\"wp-image-340733\" style=\"width: 117px;\" src=\"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-edit-mode.png\" alt=\"canvas edit mode button\"><\/li>\n\n\n\n<li>Click to select media on the canvas. <\/li>\n\n\n\n<li>Drag a white media handle in or out.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/sjh2cn8j9t.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_sjh2cn8j9t videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Scale Media within a Rev Layout<\/strong><br>For Rev media, zoom in to focus viewers&#8217; attention on an area of the screen recording or scale the camera stream to fill the layout frame. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click to select the screen or camera stream on the canvas.<\/li>\n\n\n\n<li>On the <strong>Visual Properties<\/strong> tab in the Properties pane, drag the <strong>Scale<\/strong> slider to zoom in or out.<\/li>\n\n\n\n<li>On the canvas, click and drag within the layout frame to position the content. <\/li>\n<\/ol>\n\n\n\n<p>See <a href=\"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/animations\/\">Zoom In to Focus Attention<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/b8dco9bjh7.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_b8dco9bjh7 videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Reposition within a Layout Frame<br><\/strong>For Rev media, center or adjust the focus of content within a layout frame.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click to select the screen or camera stream on the canvas.<\/li>\n\n\n\n<li>On the canvas, click and drag within the layout frame to position the content.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/nky11pjoef.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_nky11pjoef videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Crop<\/strong><br>Hide parts of the media from showing in the final video.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the canvas toolbar, click <strong>Crop<\/strong> mode.<br><img loading=\"lazy\" decoding=\"async\" width=\"124\" height=\"39\" class=\"wp-image-340739\" style=\"width: 124px;\" src=\"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-crop-mode.png\" alt=\"canvas crop mode\"><\/li>\n\n\n\n<li>Click to select the media or layout frame on the canvas and drag a blue handle in or out.<\/li>\n\n\n\n<li>Click and drag the media to position the content within the frame.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/nopravfp2k.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_nopravfp2k videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Align<\/strong><br>The canvas offers guides to help you snap media to the edge, center, or align with other media.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Canvas guides appear as you drag media on the canvas. Drag media until it aligns with the edge, center, or other media guidelines.<\/li>\n\n\n\n<li>To disable canvas snapping guidelines, select <strong>View &gt; Enable Canvas Snapping<\/strong> to remove the checkmark.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><img loading=\"lazy\" decoding=\"async\" width=\"424\" height=\"127\" class=\"wp-image-189131\" style=\"width: 424px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-zorder.png\" alt=\"Example of the order tracks appear on the canvas\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-zorder.png 848w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-zorder-300x90.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-zorder-768x229.png 768w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-zorder-150x45.png 150w\" sizes=\"auto, (max-width: 424px) 100vw, 424px\" \/><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Arrange &#8211; Timeline Z-Order<br><\/strong>To reorder media on the canvas, right-click (Windows) or Control-click (Mac) and select <strong>Arrange<\/strong>.<\/p>\n\n\n\n<p>The z-order position of media on the canvas is set by the placement of media on the <a href=\"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/timeline-key-concepts\/\">timeline<\/a> tracks. Media on the top track appears in front of media on lower tracks.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/f6gbe76kua.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_f6gbe76kua videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Rotate<br><\/strong>Click to select media on canvas. Drag the center green handle in the media to rotate around the anchor point.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Change the Rev Media Layout<\/strong><br>Click the <strong>Modify<\/strong> button on the Rev media on the timeline to change the layout.<br><img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"437\" class=\"wp-image-340849\" style=\"width: 773px;\" src=\"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/modify-layout.png\" alt=\"Modify Rev layout\" srcset=\"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/modify-layout.png 1547w, https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/modify-layout-300x170.png 300w, https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/modify-layout-1024x579.png 1024w, https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/modify-layout-768x434.png 768w, https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/modify-layout-1536x869.png 1536w\" sizes=\"auto, (max-width: 773px) 100vw, 773px\" \/><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-canvas-editing-properties\">Canvas Editing + Properties<\/h2>\n\n\n\n<p>The canvas and the properties both provide ways to adjust the appearance of media in a video. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-properties-1024x522.png\" alt=\"canvas and Properties pane\" class=\"wp-image-340818\" srcset=\"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-properties-1024x522.png 1024w, https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-properties-300x153.png 300w, https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-properties-768x392.png 768w, https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/canvas-properties.png 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the <strong>canvas<\/strong> to manually edit the appearance of your video. <\/li>\n\n\n\n<li>Use the <strong>properties<\/strong> for fine-tuned editing or to enter a specific value for media properties. The properties also allow you to customize the properties for applied effects and backgrounds. <\/li>\n<\/ul>\n\n\n\n<p>See <a href=\"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/media-properties\/\">Customize Media &amp; Effect Properties<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-canvas-toolbar-amp-editing-modes\">Canvas Toolbar &amp; Editing Modes<\/h2>\n\n\n\n<p>The canvas toolbar is located above the canvas and offers various editing modes. <br><img loading=\"lazy\" decoding=\"async\" width=\"374\" height=\"56\" class=\"wp-image-248309\" style=\"width: 374px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/canvastoolbar.png\" alt=\"Canvas toolbar\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/canvastoolbar.png 374w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/canvastoolbar-300x45.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/canvastoolbar-150x22.png 150w\" sizes=\"auto, (max-width: 374px) 100vw, 374px\" \/><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Tool<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td><strong>Edit mode (Default)<\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"38\" height=\"37\" class=\"wp-image-248327\" style=\"width: 38px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/editmode.png\" alt=\"Edit mode\"><\/td><td>Select this mode to move, resize, and rotate media on the canvas. <\/td><\/tr><tr><td><strong>Corner Pin mode<\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"38\" height=\"37\" class=\"wp-image-248315\" style=\"width: 38px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/cornerpinmode.png\" alt=\"Corner Pinning mode\"><\/td><td>Select this mode to create a 3D perspective or to pin the corners of the media to fit within the boundaries of another object, such as a device frame. <br><br>For example, replace what&#8217;s shown on a computer display with your own screen recording or simulate text on a whiteboard. See <a href=\"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/corner-pinning\/\">Create the Illusion of 3D Perspective (Corner Pinning)<\/a>. <br><br><img loading=\"lazy\" decoding=\"async\" width=\"229\" height=\"156\" class=\"wp-image-248352\" style=\"width: 229px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/cornerpinning-edit-example.png\" alt=\"pin corner example\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/cornerpinning-edit-example.png 689w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/cornerpinning-edit-example-300x204.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/cornerpinning-edit-example-150x102.png 150w\" sizes=\"auto, (max-width: 229px) 100vw, 229px\" \/>   <img loading=\"lazy\" decoding=\"async\" width=\"240\" height=\"135\" class=\"wp-image-248346\" style=\"width: 240px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/presentation-rec-library.gif\" alt=\"corner pinning example in device frame\"><\/td><\/tr><tr><td><strong>Pan mode<\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"38\" height=\"37\" class=\"wp-image-248333\" style=\"width: 38px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/panmode.png\" alt=\"Pan mode\"><\/td><td>If you are zoomed in and the entire canvas is not visible, select this mode or hold the <strong>Spacebar<\/strong> and drag to change the visible area on the canvas. <br><br>Camtasia Editor keeps the original position and size when panning. Canvas editing is disabled in Pan mode.<\/td><\/tr><tr><td><strong>Crop mode<\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"38\" height=\"37\" class=\"wp-image-248321\" style=\"width: 38px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/cropmode.png\" alt=\"Crop mode\"><\/td><td>Select this mode to trim the unwanted areas from media.<br><ol><li>Click <strong>Crop<\/strong> to turn crop mode on.<\/li><li>Click to select the media on the canvas to crop.<\/li><li>Drag the blue handles to remove the desired area.<\/li><li>You can also hold the <strong>Alt<\/strong> key (Windows) or the <strong>Option<\/strong> key (Mac) and drag to crop media while in another mode.<\/li><\/ol><\/td><\/tr><tr><td><strong>Detach \/ Attach Canvas<\/strong><\/td><td>To view the video preview in full screen mode or for better viewing, detach the canvas from the Camtasia Editor application window and move it to another location, such as onto another monitor. <br><br><strong>To detach the canvas:<br><\/strong>Right-click (Windows) or Control-click (Mac) an empty area on the canvas and select <strong>Detach Canvas<\/strong>. Drag the detached canvas to the desired location on your screen. <br><br><strong>To reattach the canvas:<br><\/strong>Right-click (Windows) or Control-click (Mac) an empty area on the canvas and select <strong>Attach Canvas<\/strong>.<\/td><\/tr><tr><td><strong>Full Screen mode<\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"40\" height=\"36\" class=\"wp-image-248339\" style=\"width: 40px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/fullscreenmode.png\" alt=\"Fullscreen mode\"> Windows<br><br><img loading=\"lazy\" decoding=\"async\" width=\"33\" height=\"31\" class=\"wp-image-189350\" style=\"width: 33px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-fullscreenmac.png\" alt=\"Full Screen button on Mac\"> Mac<br><\/td><td>If the canvas is detached from the Camtasia Editor application window, you can expand the canvas to full screen mode. Press <strong>ESC<\/strong> to exit.<\/td><\/tr><tr><td><strong>Change the canvas magnification<\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"101\" height=\"233\" class=\"wp-image-248358\" style=\"width: 101px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/canvas-magnification-options.png\" alt=\"canvas magnification options\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/canvas-magnification-options.png 202w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/canvas-magnification-options-130x300.png 130w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/canvas-magnification-options-150x346.png 150w\" sizes=\"auto, (max-width: 101px) 100vw, 101px\" \/><\/td><td>To help preview or edit media in your video, you can adjust the canvas zoom level. Click the <strong>Canvas Options<\/strong> dropdown menu to select the zoom level.<ul><li>This does not change the canvas dimensions \/ editing dimensions or affect the size of the final video.<\/li><li>Select <strong>Fit<\/strong> to view the entire video within the boundaries of the canvas.<\/li><li>When the view is magnified, click the <strong>Pan Mode<\/strong> button or hold the Spacebar and drag to change the visible area on the canvas.<\/li><\/ul><\/td><\/tr><tr><td><strong>Project Settings<\/strong><\/td><td>Set the&nbsp;canvas dimensions,&nbsp;editing frame rate, and&nbsp;audio level&nbsp;for your project. See <a href=\"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/crisp-clear-screen-video\/\">Crisp and Clear Screen Recordings<\/a>.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-change-the-video-background-color\">Change the Video Background Color<\/h2>\n\n\n\n<p>If media or assets do not cover the entire canvas, the canvas background displays in the final video. <\/p>\n\n\n\n<details>\n<summary><strong>For the entire video:<\/strong><\/summary>\n<ol> <li>Right-click (Windows) or Control-click (Mac) the canvas and select <strong>Project Settings<\/strong>.<\/li>\n<li>The Project Settings dialog appears. Select a color from the <strong>Color<\/strong> dropdown. <br><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"211\" class=\"wp-image-248364\" style=\"width: 300px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/projectsettings-color.png\" alt=\"Color dropdown in Project Settings\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/projectsettings-color.png 600w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/projectsettings-color-300x211.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/projectsettings-color-150x106.png 150w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li>\n<li>Click <strong>Apply<\/strong>.<\/li>\n<\/ol>\n<\/details>\n<details>\n<summary><strong>For a section in the video:<\/strong><\/summary>\n<ol>\n<li>Click the <strong>Annotations<\/strong> tab.<\/li>\n<li>Click the <strong>Shapes<\/strong> subtab.<br><img loading=\"lazy\" decoding=\"async\" width=\"319\" height=\"195\" class=\"wp-image-248370\" style=\"width: 319px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/shapes-subtab-numbered.png\" alt=\"Shapes subtab in Annotations\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/shapes-subtab-numbered.png 628w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/shapes-subtab-numbered-300x183.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2023\/10\/shapes-subtab-numbered-150x92.png 150w\" sizes=\"auto, (max-width: 319px) 100vw, 319px\" \/><\/li>\n<li>Drag a rectangle onto the canvas. Drag the handles until the annotation covers the entire canvas.<br><img loading=\"lazy\" decoding=\"async\" width=\"543\" height=\"187\" class=\"wp-image-189320\" style=\"width: 543px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-calloutbackgroundcolor.png\" alt=\"Drag handles to fill canvas\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-calloutbackgroundcolor.png 543w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-calloutbackgroundcolor-300x103.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-calloutbackgroundcolor-150x52.png 150w\" sizes=\"auto, (max-width: 543px) 100vw, 543px\" \/><\/li>\n<li>Right-click (Windows) or Control-click (Mac) the annotation on the canvas and select <strong>Arrange > Send to Back<\/strong>.<\/li>\n<li>In the properties, select the desired background color from the <strong>Fill<\/strong> color dropdown and the <strong>Outline<\/strong> color dropdown.<\/li>\n<li>Drag an end of the annotation on the timeline to set the duration for the background in the video.<br><img loading=\"lazy\" decoding=\"async\" width=\"374\" height=\"166\" class=\"wp-image-189338\" style=\"width: 374px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-extendduration.png\" alt=\"Drag end of clip on timeline\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-extendduration.png 374w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-extendduration-300x133.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/02\/c2021-extendduration-150x67.png 150w\" sizes=\"auto, (max-width: 374px) 100vw, 374px\" \/><\/li>\n<\/ol>\n<\/details>\n\n\n\n<div class=\"tip tip-camtasia\">\n\t<p>Tip: For more contrast while editing, you can change the application theme color.<\/p>\n\t<ul><li>On Windows, select <b>Edit menu > Preferences > Program tab > Application theme<\/b>.<\/li><li>On Mac, select <b>Camtasia menu > Settings > General tab > Application Theme<\/b>.<\/li><\/ul>\n<\/div>\n\n\n\n<style>\n    .product-cta{\n        width: 100%;\n        margin: 1rem 0;\n    }\n    .main-cta{\n        display: flex;\n        padding: 2rem;\n        border-radius: 10px;\n        margin-right: 0;\n        gap: 1.5rem;\n        background: #000000;\n    }<br \/>\n    .main-cta img{\n       margin: 0;\n       padding: 0;\n       width: 7.5rem;\n    }\n    .main-cta h4{\n       margin: -0.3rem 0 0 0;\n       padding: 0;\n       font-weight: 700;\n       font-size: 2.25rem;\n       color: #ffffff;\n    }\n    .main-cta p{\n       margin: 0;\n       padding: 0;\n       font-size: 1rem;\n       color: #ffffff;\n    }\n    .button-container{\n      margin-top: 1.4rem;\n    }\n    .button-container a{\n        padding: .5em 2em;\n        font-weight: 700!important;\n        border-radius: 10rem;\n        font-size: 1rem;\n        text-decoration: none!important;\n    }\n    .download-button{\n        background-color: #99E500;\n        color: #333333!important;\n    }\n    .buy-button{\n        color: #ffffff!important;\n        border: 1.5px solid #ffffff;\n    }\n    .current-user{\n        margin: 0.5rem 0 0 2rem;\n    }\n    .current-user p{\n        margin: 0;\n        padding: 0;\n        font-size: 1rem;\n    }\n\n    @media screen and (max-width:782px){\n        .product-cta > div{\n            flex-direction: column;\n        }\n        .main-cta > div{\n            flex-direction: column;\n            text-align: center;\n        }\n    }\n    @media screen and (max-width:500px){\n        .button-container{\n            display: flex;\n            flex-direction: column;\n            text-align: center;\n        }\n        .download-button{\n            margin-top: 0.5rem;\n        }\n    }\n<\/style>\n\n<div class=\"product-cta\">\n<div class=\"main-cta\">\n<div><img decoding=\"async\" style=\"width: 120px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/08\/icon-camtasia.svg\" alt=\"Camtasia Icon Logo\" \/><\/div>\n<div class=\"content-bucket\">\n<h4>Get Camtasia<\/h4>\n<p>Unleash the world&#8217;s most powerful screen recorder and video editor.<\/p>\n<div class=\"button-container\"><a class=\"buy-button\" href=\"https:\/\/www.techsmith.com\/store\/camtasia\" target=\"_blank\" rel=\"noreferrer noopener\">Compare Plans<\/a> <a class=\"download-button\" href=\"https:\/\/www.techsmith.com\/download\/camtasia\/\" target=\"_blank\" rel=\"noreferrer noopener\">Free Download<\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"current-user\">\n<p>* Already a Camtasia Editor user? Learn how to <a href=\"https:\/\/support.techsmith.com\/hc\/en-us\/articles\/360002943931\" target=\"_blank\" rel=\"noreferrer noopener\">update to the latest version<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"feedback-widget\">\n    <p>Was this helpful?<\/p>\n    <a href=\"http:\/\/techsmith.az1.qualtrics.com\/jfe\/form\/SV_29LXZRGdyxlFBDE?Q_Language=EN&amp;Source=working-with-the-canvas&amp;Product=Camtasia\" target=\"_blank\" rel=\"noopener\">Yes<\/a>\n    <a href=\"http:\/\/techsmith.az1.qualtrics.com\/jfe\/form\/SV_29LXZRGdyxlFBDE?Q_Language=EN&amp;Source=working-with-the-canvas&amp;Product=Camtasia\" target=\"_blank\" rel=\"noopener\">No<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Canvas Overview The canvas is the area to preview and arrange media in your video. Drag and drop media or assets onto the canvas or timeline to add it to a video. The canvas shows a preview of your video. Drag the playhead along the timeline to change the point in time in the video [&hellip;]<\/p>\n","protected":false},"author":81,"featured_media":347851,"template":"single-tutorial-redesign.php","tcategory":[1671],"ttag":[2007],"tutorial_folder":[],"class_list":["post-182299","tutorial","type-tutorial","status-publish","has-post-thumbnail","hentry","tcategory-assemble-video","ttag-camtasia-editor"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Position Media on the Canvas | Camtasia Tutorial<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Position Media on the Canvas | Camtasia Tutorial\" \/>\n<meta property=\"og:description\" content=\"Canvas Overview The canvas is the area to preview and arrange media in your video. Drag and drop media or assets onto the canvas or timeline to add it to a video. The canvas shows a preview of your video. Drag the playhead along the timeline to change the point in time in the video [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/working-with-the-canvas\/\" \/>\n<meta property=\"og:site_name\" content=\"TechSmith Learn\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-23T18:59:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/Position-Media-On-Canvas.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/tutorials\\\/camtasia\\\/working-with-the-canvas\\\/\",\"url\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/tutorials\\\/camtasia\\\/working-with-the-canvas\\\/\",\"name\":\"Position Media on the Canvas | Camtasia Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/tutorials\\\/camtasia\\\/working-with-the-canvas\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/tutorials\\\/camtasia\\\/working-with-the-canvas\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Position-Media-On-Canvas.png\",\"datePublished\":\"2025-11-19T14:38:44+00:00\",\"dateModified\":\"2026-02-23T18:59:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/tutorials\\\/camtasia\\\/working-with-the-canvas\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/tutorials\\\/camtasia\\\/working-with-the-canvas\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/tutorials\\\/camtasia\\\/working-with-the-canvas\\\/#primaryimage\",\"url\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Position-Media-On-Canvas.png\",\"contentUrl\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Position-Media-On-Canvas.png\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/tutorials\\\/camtasia\\\/working-with-the-canvas\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"All Tutorials\",\"item\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/tutorials\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Camtasia\",\"item\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/tutorials\\\/camtasia\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Position Media on the Canvas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/#website\",\"url\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/\",\"name\":\"TechSmith Learn\",\"description\":\"Show What You Know\",\"publisher\":{\"@id\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/#organization\",\"name\":\"TechSmith Corporation\",\"url\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/techsmith-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/techsmith-logo.png\",\"width\":1307,\"height\":390,\"caption\":\"TechSmith Corporation\"},\"image\":{\"@id\":\"https:\\\/\\\/en.tsc-stage.co\\\/learn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Position Media on the Canvas | Camtasia Tutorial","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Position Media on the Canvas | Camtasia Tutorial","og_description":"Canvas Overview The canvas is the area to preview and arrange media in your video. Drag and drop media or assets onto the canvas or timeline to add it to a video. The canvas shows a preview of your video. Drag the playhead along the timeline to change the point in time in the video [&hellip;]","og_url":"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/working-with-the-canvas\/","og_site_name":"TechSmith Learn","article_modified_time":"2026-02-23T18:59:04+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/Position-Media-On-Canvas.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/working-with-the-canvas\/","url":"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/working-with-the-canvas\/","name":"Position Media on the Canvas | Camtasia Tutorial","isPartOf":{"@id":"https:\/\/en.tsc-stage.co\/learn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/working-with-the-canvas\/#primaryimage"},"image":{"@id":"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/working-with-the-canvas\/#primaryimage"},"thumbnailUrl":"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/Position-Media-On-Canvas.png","datePublished":"2025-11-19T14:38:44+00:00","dateModified":"2026-02-23T18:59:04+00:00","breadcrumb":{"@id":"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/working-with-the-canvas\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/working-with-the-canvas\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/working-with-the-canvas\/#primaryimage","url":"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/Position-Media-On-Canvas.png","contentUrl":"https:\/\/en.tsc-stage.co\/learn\/wp-content\/uploads\/2025\/11\/Position-Media-On-Canvas.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia\/working-with-the-canvas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"All Tutorials","item":"https:\/\/en.tsc-stage.co\/learn\/tutorials"},{"@type":"ListItem","position":2,"name":"Camtasia","item":"https:\/\/en.tsc-stage.co\/learn\/tutorials\/camtasia"},{"@type":"ListItem","position":3,"name":"Position Media on the Canvas"}]},{"@type":"WebSite","@id":"https:\/\/en.tsc-stage.co\/learn\/#website","url":"https:\/\/en.tsc-stage.co\/learn\/","name":"TechSmith Learn","description":"Show What You Know","publisher":{"@id":"https:\/\/en.tsc-stage.co\/learn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/en.tsc-stage.co\/learn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/en.tsc-stage.co\/learn\/#organization","name":"TechSmith Corporation","url":"https:\/\/en.tsc-stage.co\/learn\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/en.tsc-stage.co\/learn\/#\/schema\/logo\/image\/","url":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/09\/techsmith-logo.png","contentUrl":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/09\/techsmith-logo.png","width":1307,"height":390,"caption":"TechSmith Corporation"},"image":{"@id":"https:\/\/en.tsc-stage.co\/learn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/en.tsc-stage.co\/learn\/wp-json\/wp\/v2\/tutorial\/182299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/en.tsc-stage.co\/learn\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/en.tsc-stage.co\/learn\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/en.tsc-stage.co\/learn\/wp-json\/wp\/v2\/users\/81"}],"version-history":[{"count":3,"href":"https:\/\/en.tsc-stage.co\/learn\/wp-json\/wp\/v2\/tutorial\/182299\/revisions"}],"predecessor-version":[{"id":345661,"href":"https:\/\/en.tsc-stage.co\/learn\/wp-json\/wp\/v2\/tutorial\/182299\/revisions\/345661"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/en.tsc-stage.co\/learn\/wp-json\/wp\/v2\/media\/347851"}],"wp:attachment":[{"href":"https:\/\/en.tsc-stage.co\/learn\/wp-json\/wp\/v2\/media?parent=182299"}],"wp:term":[{"taxonomy":"tcategory","embeddable":true,"href":"https:\/\/en.tsc-stage.co\/learn\/wp-json\/wp\/v2\/tcategory?post=182299"},{"taxonomy":"ttag","embeddable":true,"href":"https:\/\/en.tsc-stage.co\/learn\/wp-json\/wp\/v2\/ttag?post=182299"},{"taxonomy":"tutorial_folder","embeddable":true,"href":"https:\/\/en.tsc-stage.co\/learn\/wp-json\/wp\/v2\/tutorial_folder?post=182299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}