The creator of Photopea apparently doesn't like scrapers, so it blocked my script access. Going to have to find another way to download it.

2026-06-19 07:01:15 +00:00 · 2021-03-17 18:48:45 -04:00
parent 520766bc0e
commit 80894dbd6e
170 changed files with 76412 additions and 3256 deletions
@@ -1,33 +1,121 @@
-<HTML>
-<HEAD>
-<TITLE>404 Not Found</TITLE>
-<BASE href="/error_docs/"><!--[if lte IE 6]></BASE><![endif]-->
-</HEAD>
-<BODY>
-<H1>Not Found</H1>
-The requested document was not found on this server.
-<P>
-<HR>
-<ADDRESS>
-Web Server at photopea.com
-</ADDRESS>
-</BODY>
-</HTML>

-<!--
-   - Unfortunately, Microsoft has added a clever new
-   - "feature" to Internet Explorer. If the text of
-   - an error's message is "too small", specifically
-   - less than 512 bytes, Internet Explorer returns
-   - its own error message. You can turn that off,
-   - but it's pretty tricky to find switch called
-   - "smart error messages". That means, of course,
-   - that short error messages are censored by default.
-   - IIS always returns error messages that are long
-   - enough to make Internet Explorer happy. The
-   - workaround is pretty simple: pad the error
-   - message with a big comment like this to push it
-   - over the five hundred and twelve bytes minimum.
-   - Of course, that's exactly what you're reading
-   - right now.
-   -->
+<!DOCTYPE html> 
+<html>
+<head>
+		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
+
+	<title>Photopea - Move Selected Data</title>
+
+	<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
+	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" />
+</head>
+
+<body>
+<div id="page">
+	<div id="header"> 
+		<a href="//www.photopea.com/learn/" class="title">Learn Photopea</a> 
+		<!--<p>Web-based image editor.</p>-->
+		<a href="//blog.photopea.com">Blog</a> |
+		<a class="curr" href="//www.photopea.com/learn">Learn</a> |
+		<a href="//www.photopea.com/tuts">Tutorials</a> |
+		<a href="//www.photopea.com/templates">Templates</a> |
+		<a href="//www.photopea.com/api">API</a> |
+		<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
+		<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a> 
+	</div>	
+	<div id="main" style="max-width:1000px;">
+		<div id="sidebar" style="width:22%;">
+			<h3>Topics</h3>
+			<ul>
+			<li class="lvl0"><a href="/learn/">Introduction</a></li>
+			<li class="lvl0"><a href="/learn/workspace">Workspace</a></li>
+			<li class="lvl1"><a href="/learn/opening-saving">Open and Save</a></li>
+			<li class="lvl1"><a href="/learn/navigation">Navigation</a></li>
+			<li class="lvl1"><a href="/learn/image-size">Image size</a></li>
+			<li class="lvl0"><a href="/learn/layers">Layers</a></li>
+			<li class="lvl1"><a href="/learn/masks">Masks</a></li>
+			<li class="lvl1"><a href="/learn/layer-styles">Layer Styles</a></li>
+			<li class="lvl1"><a href="/learn/smart-objects">Smart Objects</a></li>
+			<li class="lvl1"><a href="/learn/other-layers">Other Layers</a></li>
+			<li class="lvl0"><a href="/learn/layer-manipulation">Layer Editing</a></li>
+			<li class="lvl1"><a href="/learn/free-transform">Free Transform</a></li>
+			<li class="lvl1"><a href="/learn/adjustments-filters">Adjust. &amp; Filters</a></li>
+			<li class="lvl0"><a href="/learn/selections">Selections</a></li>
+			<li class="lvl1"><a href="/learn/creating-selections">Make Selections</a></li>
+			<li class="lvl1"><a href="/learn/advanced-selecting">Advanced Selecting</a></li>
+			<li class="lvl1"><a href="/learn/refine-edge">Refine Edge</a></li>
+			<li class="lvl1 active"><a href="/learn/moving-selected-data">Move Selected Data</a></li>
+			<li class="lvl0"><a href="/learn/brush-tools">Brush Tools</a></li>
+			<li class="lvl1"><a href="/learn/bt-basic">Basic Tools</a></li>
+			<li class="lvl1"><a href="/learn/bt-advanced">Advanced Tools</a></li>
+			<li class="lvl1"><a href="/learn/bt-smart">Smart Tools</a></li>
+			<li class="lvl0"><a href="/learn/text">Text</a></li>
+			<li class="lvl1"><a href="/learn/text-style">Text Style</a></li>
+			<li class="lvl0"><a href="/learn/vector-graphics">Vector Graphics</a></li>
+			<li class="lvl1"><a href="/learn/vg-structure">The Structure</a></li>
+			<li class="lvl1"><a href="/learn/vg-manipulation">Editing Shapes</a></li>
+			<li class="lvl1"><a href="/learn/vg-creating">Creating Shapes</a></li>
+			<li class="lvl1"><a href="/learn/vg-vectorize">Vectorize Bitmap</a></li>
+			<li class="lvl0"><a href="/learn/other">Other</a></li>
+			<li class="lvl1"><a href="/learn/color-spaces">Color Spaces</a></li>
+			<li class="lvl1"><a href="/learn/guides-grid-snapping">Guides &amp; Snapping</a></li>
+			<li class="lvl1"><a href="/learn/animations">Animations</a></li>
+			<li class="lvl1"><a href="/learn/slices">Slices</a></li>
+			<li class="lvl1"><a href="/learn/layer-comps">Layer Comps</a></li>
+			<li class="lvl1"><a href="/learn/actions">Actions</a></li>
+			<li class="lvl1"><a href="/learn/scripts">Scripts</a></li>
+			</ul>
+		</div>
+		<div id="content" style="width:78%;">
+			<div class="post">			
+<h1>Moving Selected Data</h1>
+
+<p>Once you have a selection, and a regular layer is active in the Layers panel, you can work with it in many ways.
+You can <b>copy</b> (Edit - Copy or Ctrl + C) or <b>cut</b> (Edit - Cut or Ctrl + X) the selected area.
+After you <b>paste</b> it with Edit - Paste or Ctrl + V (you can even paste it into another document), it will be inserted as a new layer.</p>
+
+<p>When you move a layer (with the Move tool) without any selection, the whole layer is moved.
+But when you move it with some selection present, the behavior is more interesting.</p>
+
+<p>As you start moving the selected area of the layer, this area is <b>cut</b> (or <b>copied</b>, if you hold the Alt key) out of the layer and moved along the mouse cursor.
+It behaves as a separate temporary <b>layer inside a layer</b>. As soon as you deselect, the moved area is combined with the rest of the layer.</p>
+
+<img src="//i.imgur.com/05GksKb.png" />
+
+<p>This is one of the fastest ways to manipulate parts of a layer. You can switch temporarily from any selection tool 
+to the Move tool just by pressing the Ctrl key, so no clicking in the Toolbar is required. 
+Everything happens within a single layer, so you don't have to click into the Layers panel. 
+Using mouse is not required at all, because once the Move tool is on (after pressing Ctrl), 
+you can move objects with cursor keys on the keyboard.</p>
+
+<p>You can even apply Free Transform to the selected part of the layer. The part will be cut out and transformed,
+and will remain separated after the transformation (still within the single layer), until you deselect it.</p>
+
+<p>Note, that all these operations can also be performed on raster masks.</p>			
+			</div>
+			
+			<h2 style="margin-top: 4em">Comments</h2>
+			<p>Do you need help? Ask us at <a href="//www.reddit.com/r/photopea/" target="_blank">our Reddit</a>!</p>
+			
+			<div id="disqus_thread"></div>
+			<script>   
+			(function() { // DON'T EDIT BELOW THIS LINE
+			var d = document, s = d.createElement('script');
+			s.src = 'https://learn-photopea.disqus.com/embed.js';
+			s.setAttribute('data-timestamp', +new Date());
+			(d.head || d.body).appendChild(s);
+			})();   
+			</script>	
+		</div>
+	</div>
+	<div id="footer">&copy; 2013-2021 support@photopea.com</div>
+	<script>
+	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+	  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+	  ga('create', 'UA-4249565-43', 'auto');  ga('send', 'pageview');
+	</script>
+</div>
+</html>