用html5或js功能或css实现特定方框内图像保存为图片功能。

Posted 2023-05-11

无论使用保存还是截图的功能，只要能通过点击按钮就能实现将特定方框内的图像（可以是两张图片叠在一起，或者给图片画一些东西）全部保存为一张图片的形式就可以。（这是在自己本地内使用，不是放到网站上）。听说是用window.location.href = "image/octet-stream" + data的方法，可是不懂。所以求教高手，大神们帮帮忙。最好就是给个附上代码。并且稍微解释一下。在这小弟万分感谢。（注。必须使用html5，js或jquery这些实现）。。。

参考技术A 无法实现。
window.location.href
=
"image/octet-stream"仅仅是用来将获取的图片数据在新窗口打开，浏览器就会自动提示下载。
可问题是image的数据从哪儿来？HTML5里面的Canvas支持象素级操作，可以获取图像数据，但一个网页不是一张图片，它是有许多的DOM和样式渲染而成，在JS中是无法将其转换成一张图片的，除非浏览器提供相关API，但目前并没有浏览器提供了类似的API，因此暂时无法实现。
你看现在所有的截图，要么是浏览器自带的，要么就要安装插件。

Magento 从特定视图中删除 css 或 js

【中文标题】Magento 从特定视图中删除 css 或 js

【英文标题】：Magento remove css or js from specific view

【发布时间】：2012-02-22 06:58:08

【问题描述】：

您好，我将此添加到 catalog.xml 布局定义中：

<reference name="head">
    <action method="addCss"><stylesheet>css/local.css</stylesheet></action>
</reference>

这在同一个文件中：

<action method="removeItem"><type>css</type><name>css/local.css</name></action>

但它不会从该视图中删除 css。有可能，它不是实现这一目标的正确标记。但不知道。有谁可以帮忙？

【问题讨论】：

您是否确定您的 catalog.xml 或某个句柄没有被其他扩展覆盖？

【参考方案1】：

试试 skin_css：

<action method="removeItem"><type>skin_css</type><name>css/local.css</name></action>

【参考方案2】：

这里是如何删除皮肤或 js 文件夹中所有不同的 CSS 和 JS

<reference name="head">
    <!-- For a JS in the js folder -->
    <action method="removeItem"><type>js</type><name>functions.js</name></action>
    <!-- For a JS in the skin folder -->
    <action method="removeItem"><type>skin_js</type><name>functions.js</name></action>
    <!-- For CSS in the skin folder -->
    <action method="removeItem"><type>skin_css</type><name>css/local.css</name></action>
    <!-- For CSS in the js folder -->
    <action method="removeItem"><type>js_css</type><name>local.css</name></action>
</reference>

【讨论】：

干得好，超越了 OP 问题，帮助 Google 同事。

谢谢@Benjam！ Magento 非常难，部分答案也无济于事。