今天，要介绍一种基于CSSmask-composite的高级技巧。通过掌握它，我们可以通过一张图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张PNG/SVG得到它的反向切图事情的经过是这样的，某天，我们拿到了这样一张PNG/SVG图片：就这张图片而言，它是一张PNG图，灰色部分透明。随着需求的进行，在某一处，我们需要一张基于上述图形的反向镂空图形：emmm，要注意，这里白色处是需要透明的，要能透出不同的背景色，像是这样：怎么办呢，通常而言，只能是找UI再出一张镂空图。当然，在今天，只需要一张PNG/SVG，我们就可以使用CSS轻松完成上述的转换。这里我们需要用到mask-c
方法1(图层切图):点击源psd文件中需要的图片，右击鼠标选择导出为png，保存即可.图片与文字在两个或两个以上图层上的时候，按住Control选择多个图层，右键选择合并图层（快捷键：Control+E）,之后导出保存即可。方法2(切片切图):选择切片工具，选中所需要的图片点击文件，导出，导出为Web所用格式选择所需要的格式,点击存储,选择选中的切片即可方法3(插件Cutterman切图)：进入Cutterman官网https://www.cutterman.cn/ps/cutterman，下载插件并安装重启Photoshop,点击窗口，点击拓展功能，选择Cutterman切图可以便捷导出选中
方法1(图层切图):点击源psd文件中需要的图片，右击鼠标选择导出为png，保存即可.图片与文字在两个或两个以上图层上的时候，按住Control选择多个图层，右键选择合并图层（快捷键：Control+E）,之后导出保存即可。方法2(切片切图):选择切片工具，选中所需要的图片点击文件，导出，导出为Web所用格式选择所需要的格式,点击存储,选择选中的切片即可方法3(插件Cutterman切图)：进入Cutterman官网https://www.cutterman.cn/ps/cutterman，下载插件并安装重启Photoshop,点击窗口，点击拓展功能，选择Cutterman切图可以便捷导出选中
如何使用KrpanoToolJS在浏览器切图框架DEMO框架源码地址【独辟蹊径】逆推Krpano切图算法，实现在浏览器切多层级瓦片图一、功能介绍在浏览器中将全景图转为立方体图、多层级瓦片图备注：切图的逻辑、缩略图、预览图均以krpano为标准，如果是使用krpano来开发全景的，可以直接使用，暂时未开发自定义切图的参数，后续可能会开放。目前仅支持jpeg/jpg，20000x10000分辨率以内的图片，当然这已经是覆盖了80%的使用场景了切图速度快于krpano命令行工具如果需要更高的要求还是可以使用krpano工具，也可以混着使用如下功能：生成立方体图片（6个面）生成多分辨率瓦片图（层级根据
默认情况下：Photoshop导出切片为【GIF】格式当你很嗨皮的把【GIF】调整为【PNG】或【JPG】格式，并保存时： 你会发现，自己的图片格式莫名其妙还是【GIF】：但，我们的期望是： 原因是“因为我们没有选中全部切片，并将其格式设置为【PNG】”，解决方案（选中全部切片设置为png或其他类型即可，吐槽：不能用快捷键Ctrl+a全选，但是可以鼠标拖拽全选） 最后就能得到我们想要的结果啦！！！
如何使用KrpanoToolJS在浏览器切图框架DEMO框架源码地址【独辟蹊径】逆推Krpano切图算法，实现在浏览器切多层级瓦片图一、功能介绍在浏览器中将全景图转为立方体图、多层级瓦片图备注：切图的逻辑、缩略图、预览图均以krpano为标准，如果是使用krpano来开发全景的，可以直接使用，暂时未开发自定义切图的参数，后续可能会开放。目前仅支持jpeg/jpg，20000x10000分辨率以内的图片，当然这已经是覆盖了80%的使用场景了切图速度快于krpano命令行工具如果需要更高的要求还是可以使用krpano工具，也可以混着使用如下功能：生成立方体图片（6个面）生成多分辨率瓦片图（层级根据
默认情况下：Photoshop导出切片为【GIF】格式当你很嗨皮的把【GIF】调整为【PNG】或【JPG】格式，并保存时： 你会发现，自己的图片格式莫名其妙还是【GIF】：但，我们的期望是： 原因是“因为我们没有选中全部切片，并将其格式设置为【PNG】”，解决方案（选中全部切片设置为png或其他类型即可，吐槽：不能用快捷键Ctrl+a全选，但是可以鼠标拖拽全选） 最后就能得到我们想要的结果啦！！！
切片效果图安装python，这个网上很多教程，参照网上教程安装即可，这里不再描述。python安装python版本的gdal，以我本机python3.7版本为例：下载gdal的whl文件安装包，下载版本跟本机安装的python版本匹配就行，gdal下载地址下载完之后，拷贝到python安装目录下：D:\ProgramFiles\Python37\Scripts（这是我本机安装的目录）当前目录下，CMD命令行输入pipinstallGDAL-3.0.4-cp37-cp37m-win_amd64.whl包文件名即可,安装成功之后可以看到gdal2tiles.py切图工具脚本文件。运行测试gdal2
切片效果图安装python，这个网上很多教程，参照网上教程安装即可，这里不再描述。python安装python版本的gdal，以我本机python3.7版本为例：下载gdal的whl文件安装包，下载版本跟本机安装的python版本匹配就行，gdal下载地址下载完之后，拷贝到python安装目录下：D:\ProgramFiles\Python37\Scripts（这是我本机安装的目录）当前目录下，CMD命令行输入pipinstallGDAL-3.0.4-cp37-cp37m-win_amd64.whl包文件名即可,安装成功之后可以看到gdal2tiles.py切图工具脚本文件。运行测试gdal2
