web 前端开发课程：css 盒子模型-图像边框。
讲课人：波波老师。
说说 border-image 这个很重要的概念，它允许在元素的边框上绘制图像。
再来看一下右侧图片，图像边框的原理是什么？就是把图像划分成一个九宫格。
1. 第一个属性：border-image-source，它是绘制边框的图像路径，还要配合第二个属性：图像的边框宽度。
2024年10月22日
web 前端开发课程：css 盒子模型-图像边框。
讲课人：波波老师。
说说 border-image 这个很重要的概念，它允许在元素的边框上绘制图像。
再来看一下右侧图片，图像边框的原理是什么？就是把图像划分成一个九宫格。
1. 第一个属性：border-image-source，它是绘制边框的图像路径，还要配合第二个属性：图像的边框宽度。
2024年10月22日
?
每次看到好看的图片
总想模仿一下它的配色
但是一个一个放到PS里面吸
又麻烦又不适用，怎么办？
文末附色彩大师必备一键仿色神器
那就试试这个一键仿色神器呀！
超方便的就能直接套用其他图片的配色
还能立马出图保存，超方便的！
什么你不知道是什么软件？
2024年10月22日
网页dom转换成png，jpeg等，并保存到zip
1.html2canvas使用
html2canvas(document.body).then(function(canvas) {
document.body.appendChild(canvas);
});
2024年10月22日
dom-to-image是一个js库，可以将任意dom节点转换为矢量(SVG)或光栅(PNG或JPEG)图像。
npm install dom-to-image -S2024年10月22日
1. Image J 是什么？
ImageJ 是一个基于 java 的公共的图像处理软件，它是由 National Institutes of Health 开发的。可运行于 Microsoft Windows，Mac OS，Mac OS X，Linux，和 Sharp Zaurus PDA 等多种平台。其基于 java 的特点， 使得它编写的程序能以 applet 等方式分发。 ImageJ 能够显示，编辑，分析，处理，保存，打印 8 位，16 位，32 位的图片，支持 TIFF,PNG, GIF, JPEG, BMP, DICOM, FITS 等多种格式。ImageJ 支持图像栈（stack）功能，即在一个窗口里以多线程的形式层叠多个图像， 并行处理。只要内存允许，ImageJ 能打开任意多的图像进行处理。除了基本的图像操作， 比如缩放，旋转， 扭曲， 平滑处理外，ImageJ 还能进行图片的区域和像素统计， 间距，角度计算， 能创建柱状图和剖面图，进行傅里叶变换。[1]
2024年10月22日
dom-to-image库可以帮你把dom节点转换为图片，它的核心原理很简单，就是利用svg的foreignObject标签能嵌入html的特性，然后通过img标签加载svg，最后再通过canvas绘制img实现导出，好了，本文到此结束。
2024年10月22日
实例
设置border-img-outset属性：
div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
2024年10月22日
Image 对象
Image 对象代表嵌入的图像。
<img> 标签每出现一次，一个 Image 对象就会被创建。
Image 对象属性
W3C: W3C 标准。
| 属性 | 描述 |
|---|
2024年10月22日
在 HTML 中，src 属性是图像标签（<img>）的一个关键组成部分。src 属性用于指定图像的原始来源或 URL，这样浏览器就可以请求并显示这个图像。在这篇文章中，我们将详细探讨 src 属性的基本语法、URL 类型和一些常见问题。
首先，src 属性的基本语法如下：