JS图片一些转换和处理

牛儿还在山坡上吃草

已于 2022-01-20 09:27:02 修改

阅读量430

点赞数

分类专栏： JavaScript 小知识系列文章标签： javascript html css

于 2022-01-20 09:05:41 首次发布

本文链接：https://blog.csdn.net/weixin_47571897/article/details/122594125

版权

JavaScript 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

小知识系列

7 篇文章 0 订阅

订阅专栏

/** 将url转化为img对象 */
export function urltoImage(url, fn) {
  var img = new Image()
  img.src = url
  return img
}
/** img对象转化为canvas对象 */
export function imagetoCanvas(image) {
  var cvs = document.createElement('canvas')
  var ctx = cvs.getContext('2d')
  cvs.width = image.width
  cvs.height = image.height
  ctx.drawImage(image, 0, 0, cvs.width, cvs.height)
  return cvs
}
//quality图片压缩质量，前端压缩的话，可以用到这个属性
export function canvasToDataURL(canvas, format, quality) {
  return canvas.toDataURL(format || 'image/jpeg', quality || 1.0)
}