个人中心
gpt4 book ai didi

javascript - 将 PNG 分层(HTML5、JS)

转载 作者：行者123 更新时间：2023-11-28 13:59:08 26 4
gpt4 key购买 nike

我正在为一个小型非商业项目工作，我现在遇到的问题是脚本选取了一个png图像，但是当我导出它时，有两层，我如何将此图像分成两层两个不同的层并在加载到 convas 后对其进行操作？

<html>
<head>
    <title>test</title>
    <script type="text/javascript">
        function startup() {
            var canvas = document.getElementById('canvas');
            var ctx = canvas.getContext('2d');
            var img = new Image();
            img.src = 'brushes.png';
            img.onload = function() {
                ctx.translate(32, 120);
                ctx.rotate(40 * Math.PI/180);
                ctx.drawImage(img, -32, -120, 64, 120);
            }
        }
    </script>
</head>
<body onload='startup();'>
    <canvas id="canvas" style="position: absolute; left: 300px; top: 300px;" width="800" height="800"></canvas>
</body>

最佳答案

据我所知，PNG 没有任何图层，因此您需要为每个图层保存一张图像才能单独操作它们。

关于javascript - 将 PNG 分层(HTML5、JS)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6439739/

26 4 0
文章推荐： swift - UICollectionViewCell 着色不符合预期
文章推荐： javascript - 有趣的 JavaScript 怪癖
文章推荐： javascript - 在 gridview 页面上弹出 Div 位置
文章推荐： css - 使用 css 在 Shiny 的应用程序中将 tabPanel 右对齐
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com