photopea-v2/blog.photopea.com/photopea-4-2-with-local-storage.html

94 lines
4.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title> Photopea 4.2 &#8211; try Local Storage!</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
<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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-4249565-38', 'photopea.com'); ga('send', 'pageview');
</script>
</head>
<body>
<div id="page">
<div id="header">
<a href="https://blog.photopea.com/" class="title">Photopea Blog</a>
<!--<p>Web-based image editor.</p>-->
<a class="curr" href="//blog.photopea.com">Blog</a> |
<a 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">
<div id="content">
<div class="post" id="post-893">
<span class="date">May 3, 2019</span>
<h1>Photopea 4.2 &#8211; try Local Storage!</h1>
<div class="entry">
<p>New release of Photopea is here! It has <strong>74 109</strong> lines of code. Play with it at the <a href="//www.photopea.com">main site</a>.</p>
<span id="more-893"></span>
<h2>New features</h2>
<ul>
<li>Storing resources in Local Storage</li>
<li>Extending support for Actions</li>
<li>New filters: Crystallize, Pontillize, Stained Glass</li>
<li>Even faster start of Photopea</li>
<li>300 new fonts</li>
<li>Several bugs fixed</li>
</ul>
<h2>Local Storage</h2>
<p>You can load your own fonts, brushes, gradients, layer styles and other files into Photopea. These resources can be used right after loading. But once you close Photopea, they disappear, and the next time you use Photopea, you have to load them manually again.</p>
<p>Starting today, Photopea can <b>remember</b> your fonts and other resources (that you loaded manually into PP), and load them automatically the next time you use Photopea.</p>
<p>Photopea has a set of files, that are permanently stored on your computer (using <a href="//developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a>). Whenever you load a new font or a brush set, you will have an option to store that file into the set. After you close Photopea and open it again, the set of files is automatically loaded and processed.</p>
<p>This set of permament files can be managed using <b>Edit - Local Storage</b>. Here, you can see a list of all files. Select a file and choose Delete to remove it from the list. The list is also deleted when you clear the website data through the browser settings.</p>
<img src="//i.imgur.com/aGLC2qc.png" style="width:60%" />
</div>
</div>
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"https://blog.photopea.com/photopea-4-2-with-local-storage.html", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>
</html>