mirror of
https://gitflic.ru/project/photopea-v2/photopea-v-2.git
synced 2025-08-17 17:06:21 +00:00
136 lines
4.5 KiB
Plaintext
136 lines
4.5 KiB
Plaintext
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<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 rel='stylesheet' id='casper-google-fonts-css' href='//fonts.googleapis.com/css?family=Noto+Serif%3A400%2C700%2C400italic%7COpen+Sans%3A700%2C400&ver=4.0.1' type='text/css' media='all' />
|
|
|
|
<title>Photopea API</title>
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div id="page">
|
|
<div id="header">
|
|
<a href="/" class="title">Photopea API</a>
|
|
<!--<p>Web-based image editor.</p>-->
|
|
<a 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 class="curr" 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:960px;">
|
|
<div id="sidebar" style="width:20%;">
|
|
<!--<h3>Topics</h3>-->
|
|
<ul>
|
|
<li class="lvl0"><a href="/api/">API Spec</a></li>
|
|
<li class="lvl1"><a href="/api/environment">Environment</a></li>
|
|
<li class="lvl1"><a href="/api/live">Live Messaging</a></li>
|
|
<li class="lvl1"><a href="/api/plugins">Plugins</a></li>
|
|
<li class="lvl0"><a href="/api/playground">Playground</a></li>
|
|
<li class="lvl0"><a href="/api/accounts">Accounts</a></li>
|
|
</ul>
|
|
</div>
|
|
<div id="content" style="width:80%;">
|
|
|
|
<div class="post">
|
|
|
|
|
|
<style type="text/css">
|
|
.image {
|
|
display: inline-block;
|
|
width:9em;
|
|
height:9em;
|
|
margin: 1em;
|
|
}
|
|
img {
|
|
width:100%;
|
|
height:80%;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
var images = [<br />
|
|
<b>Warning</b>: scandir(img): failed to open dir: No such file or directory in <b>/var/www/vhosts/photopea.com/httpdocs/api/pages/demo.html</b> on line <b>18</b><br />
|
|
<br />
|
|
<b>Warning</b>: scandir(): (errno 2): No such file or directory in <b>/var/www/vhosts/photopea.com/httpdocs/api/pages/demo.html</b> on line <b>18</b><br />
|
|
<br />
|
|
<b>Warning</b>: sizeof(): Parameter must be an array or an object that implements Countable in <b>/var/www/vhosts/photopea.com/httpdocs/api/pages/demo.html</b> on line <b>19</b><br />
|
|
];
|
|
|
|
function go(e)
|
|
{
|
|
var html = "";
|
|
var fmts = ["png","jpg","jpeg","webp"];
|
|
for(var i=0; i<images.length; i++)
|
|
{
|
|
var editOBJ = {
|
|
"files" : [
|
|
"//www.photopea.com/api/img/" + images[i],
|
|
],
|
|
"server" : {
|
|
"version":1,
|
|
"url" : "//www.photopea.com/api/saveImage.php",
|
|
"formats" : [ images[i].split(".")[1] ]
|
|
}
|
|
}
|
|
var suff = images[i].split(".").pop();
|
|
|
|
var editURL = "//www.photopea.com#" + encodeURI(JSON.stringify(editOBJ));
|
|
html += "<div class=\"image\">"
|
|
html += "<a href=\"img/" + images[i] + "\">";
|
|
if(fmts.indexOf(suff)!=-1) html += "<img src=\"img/" + images[i] + "\" />";
|
|
else html += "<img src=\"missing.png\" />";
|
|
html += "</a>";
|
|
html += "<span>"+images[i]+"</span> <br />";
|
|
html += "<a href=\"" + editURL + "\">Edit</a>";
|
|
html += "</div>"
|
|
}
|
|
document.getElementById("imgcont").innerHTML = html;
|
|
//updatePlayground();
|
|
|
|
//window.addEventListener("hashchange", onHashChange, false);
|
|
//onHashChange();
|
|
|
|
}
|
|
document.body.onload = go;
|
|
|
|
</script>
|
|
|
|
|
|
<h1>Editing local images with Photopea</h1>
|
|
<p>Click "Edit" to open an image in Photopea. Click "File" - "Save (to Server)" in Photopea to save it back.</p>
|
|
<div id="imgcont"></div> </div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="disqus_thread"></div>
|
|
<script>
|
|
|
|
/**
|
|
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
|
|
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
|
|
/*
|
|
var disqus_config = function () {
|
|
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
|
|
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
|
|
};
|
|
*/
|
|
(function() { // DON'T EDIT BELOW THIS LINE
|
|
var d = document, s = d.createElement('script');
|
|
s.src = '//photopeablog.disqus.com/embed.js';
|
|
s.setAttribute('data-timestamp', +new Date());
|
|
(d.head || d.body).appendChild(s);
|
|
})();
|
|
</script>
|
|
|
|
</div>
|
|
|
|
</html>
|