Javascript - 如何使用基于站点像素颜色的画布创建图像

Javascript - How to create an image using canvas based on pixel colors on the site?

本文关键字:颜色 布创建 图像 创建 像素 站点 何使用 于站点 Javascript      更新时间:2023-09-26

我有一个网站,它有带有背景颜色的div标签,我使用相对定位将它们全部移动在一起,使其看起来像图像。我移动了它们,使其正好位于页面的左上角。

我如何从中创建图像,就像有一个按钮一样,当它被单击时,它会创建一个宽度为 608px 和高度为 105px 的图像,然后询问用户是否要保存它或打开它或关闭它(标准下载框)?

我需要从索引 (0,0) 开始获取像素颜色,对吗?

无需在div 上使用背景图像,只需将图像绘制到画布上即可。然后看看这个 http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/