sciter 保存文件到本地

最新推荐文章于 2023-12-24 00:52:01 发布

原创最新推荐文章于 2023-12-24 00:52:01 发布 · 329 阅读

0 ·

CC 4.0 BY-SA版权

sciter 专栏收录该内容

65 篇文章

订阅专栏

本文介绍了一种使用Sciter框架动态生成CSS背景图像的方法，通过编写脚本实时创建独特的图像，并将其绑定到CSS样式中作为背景。文章详细展示了如何通过随机线条绘制生成图像，并提供了保存图像至本地文件或剪贴板的功能。

<html>
<head>
    <title>Sciter, Image generators for CSS</title>
    <style>
      html { background: transparent; }

      div.test {
        background: url(in-memory:test) stretch;
        size:50%;
        margin:*;
        border:1px solid red;
      }

    </style>
    <script type="text/tiscript">

var dynImage = null;

      event click $(button#to-clipboard)
      {
        view.clipboard(#put, dynImage);
      }

      event click $(button#from-clipboard)
      {
        var img = view.clipboard(#get, #picture);
        if( img )
          self.bindImage("in-memory:test", img);
      }

    </script>
</head>
<body>
<button #test>ReGenerate</button>
<button #save-png>Save as PNG image to file</button>
<button #save-jpg>Save as JPEG image to file</button>
<button #to-clipboard>Save image to clipboard</button>
<button #from-clipboard>Load image from clipboard</button>
<div .test>Test</div>
</body>
</html>