当前位置：首页 > wzjs >正文

vue做网站的好处是什么论坛推广的特点

wzjs 2025/7/27 3:12:59

vue做网站的好处是什么,论坛推广的特点,wordpress站群是什么,品牌网站要这么做canvas.toDataURL() 用于将 Canvas 画布内容转换为 Base64 编码的图片数据 URL。如果 canvas 绘制工作比较复杂，执行 toDataURL() 可能会失败，返回黑色图片Base64 编码数据。这里根据转换结果检测是否为黑图，参考： /** * 根据…

canvas.toDataURL() 用于将 Canvas 画布内容转换为 Base64 编码的图片数据 URL。

如果 canvas 绘制工作比较复杂，执行 toDataURL() 可能会失败，返回黑色图片Base64 编码数据。

这里根据转换结果检测是否为黑图，参考：

/** * 根据 Base64 编码的图片数据判断是否为黑色图片* @param {string} base64Data - `canvas.toDataURL()` 返回的 Base64 字符串* @param {Object} [options] - 配置选项* @param {number} [options.threshold=0.95] - 黑色像素占比阈值（默认 95%）* @param {number} [options.maxColorValue=10] - RGB 通道最大值（小于此值视为黑色）* @param {number} [options.sampleStep=1] - 抽样步长（1=全检测，2=隔1像素检测，以此类推）* @returns {Promise<boolean>} - Promise 返回检测结果（true 表示是黑色图片）*/
function isBase64ImageBlack(base64Data, options = {}) {const { threshold = 0.95,maxColorValue = 10,sampleStep = 1 } = options;return new Promise((resolve, reject) => {const img = new Image();img.onload = () => {try {const canvas = document.createElement('canvas');const ctx = canvas.getContext('2d');canvas.width = img.width;canvas.height = img.height;ctx.drawImage(img, 0, 0);const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);const data = imageData.data;let blackPixelCount = 0;const step = sampleStep <= 0 ? 1 : sampleStep;// 按步长抽样检测for (let y = 0; y < canvas.height; y += step) {for (let x = 0; x < canvas.width; x += step) {const i = (y * canvas.width + x) * 4;const r = data[i];const g = data[i + 1];const b = data[i + 2];if (r <= maxColorValue && g <= maxColorValue && b <= maxColorValue) {blackPixelCount++;}}}// 计算抽样后的有效像素总数const sampledWidth = Math.ceil(canvas.width / step);const sampledHeight = Math.ceil(canvas.height / step);const totalSampledPixels = sampledWidth * sampledHeight;const blackRatio = blackPixelCount / totalSampledPixels;resolve(blackRatio >= threshold);} catch (error) {reject(error);}};img.onerror = (err) => reject(new Error('图片加载失败: ' + err.message));img.src = base64Data;});
}