drawimage的用法 java_canvas drawImage() image video

drawImage()简介

drawImage() 方法在画布上绘制图像、画布或视频。

drawImage() 方法也能够绘制图像的某些部分，以及/或者增加或减少图像的尺寸。

具体参数

参数

描述

img

规定要使用的图像、画布或视频。

可选。开始剪切的 x 坐标位置。

可选。开始剪切的 y 坐标位置。

swidth

可选。被剪切图像的宽度。

sheight

可选。被剪切图像的高度。

在画布上放置图像的 x 坐标位置。

在画布上放置图像的 y 坐标位置。

width

可选。要使用的图像的宽度。(伸展或缩小图像)

height

可选。要使用的图像的高度。(伸展或缩小图像)

context.drawImage(img,sx,sy,sw,sh,dx,dh,width,height);

canvas里面的width和height跟css里面的width和height是不一样的，如果要布满画布，统一用canvas.width和canvas.height当dw和dh

具体用法

drawImage()用法一共有三种：

(1)在画布上定位图像：

context.drawImage(img,x,y);

(2)在画布上定位图像，并规定图像的宽度和高度：

context.drawImage(img,x,y,width,height);

(3)剪切图像，并在画布上定位被剪切的部分：

context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);

具体区别

(1)在第一种传入三个值指定位置的方法上，第一个值是img对象和是video对象，没有什么区别。

(2)在第二种规定图像的宽度和高度的方法上。如果绘制的是img对象的话，后面的四个值是指定绘制的图片的哪一块区域。如果绘制的是video对象话，后面四个值是指定从canvas对象的哪里绘制到哪里。

(3)第三种方法如果绘制的是img对象，则完全按照具体参数的规则来的。而如果绘制的video对象，从第二个值到第五个值，这是规定的绘制video对象的每一帧的实际尺寸的开始位置到结束位置，后四项则是在canvas上面绘制的开始位置到结束位置。

总结

如果绘制的是img对象话，直接按照参数来书写就可以了。如果是video对象的话，还是多注意以下，五个参数的情况下和九个参数的情况下，后四位参数的作用都是一样的。而在九个参数情况下，二到五的参数是按照视频的实际尺寸来设置的，所以这比较坑一些。

drawimage的用法 java_canvas drawImage() image video相关推荐

drawimage的用法 java_java中方法drawImage()的参数详细解释
public abstract boolean drawImage(Image img, int x, int y, int width, int height, ImageObserver obse ...
drawimage的用法 java_Java Graphics.drawImage方法代码示例
本文整理汇总了Java中javax.microedition.lcdui.Graphics.drawImage方法的典型用法代码示例.如果您正苦于以下问题:Java Graphics.drawImag ...
微信小程序CanvasContext.drawImage的用法
最近做了一个生成海报的项目,有个需求需要画出图片. 我个人的想法是生成的图片像image的mode模式中的aspectFill显示的图片那样,"缩放模式,保持纵横比缩放图片,只保证图片的短边 ...
drawimage的用法 java_JAVA Graphics类中drawImage方法怎么用
展开全部 Graphics有六个drawImage方法,我们用的最多的是 public abstract boolean drawImage(Image img, int x, int y,int ...
java drawimage 缩放_H5CanvasAPI中drawImage(图像进行缩放或裁剪)的使用实例
这篇文章主要介绍了HTML5 Canvas API中drawImage()方法的使用实例,drawImage()方法主要用来对图像进行缩放或裁剪,文中给出了其坐标及相关参数的用法,需要的朋友可以参考下 ...
java drawimage 效果,Java Graphics.drawImage（）如何工作以及ImageObserver的作用是什么
How should Java's drawImage() be used? I do not find the JDK documentation very forthcoming. For exa ...
html中video标签用法,HTML中的video标签怎么用
HTML中的video标签怎么用发布时间:2020-06-23 19:41:21 来源:亿速云阅读:111 作者:Leah 这篇文章运用简单易懂的例子给大家介绍HTML中的video标签的使用方法 ...
实现HTML5 裁剪图片并上传
个人制作图片裁剪的问题总结在一个上传图片进行打印的项目当中,由于用户上传的图片形状比例千奇百怪,所以需要前端做一个图片裁剪功能.刚开始觉得挺简单的就是做图片裁剪功能,网上的插件一大堆,随便找一个套上 ...
java drawimage 参数_小程序中canvas的drawImage方法参数使用详解
最近在开发小程序,海报生成的过程中,要在carvas中不断去添加图片,对小程序的drawImage参数不是很明确,这次解惑. 示例代码有三个版本的写法: drawImage(imageResourc ...

drawimage的用法 java_canvas drawImage() image video

drawimage的用法 java_canvas drawImage() image video相关推荐

最新文章

热门文章