首页 > 其他分享 >canvas的drawImage方法参数详解

canvas的drawImage方法参数详解

时间:2022-08-14 17:24:29浏览次数:86  
标签:canvas drawImage image 偏移量 详解 参数 绘制

HTML5中引入新的元素canvas,其drawImage 方法允许在 canvas 中插入其他图像( img 和 canvas 元素) 。drawImage函数有三种函数原型:

第一个参数image可以用HTMLImageElement,HTMLCanvasElement或者HTMLVideoElement作为参数。

 

dx和dy是image在canvas中定位的坐标值

dw和dh是image在canvas中即将绘制区域(相对dx和dy坐标的偏移量)的宽度和高度值

sx和sy是image所要绘制的起始位置

sw和sh是image所要绘制区域(相对image的sx和sy坐标的偏移量)的宽度和高度值

 

标签:canvas,drawImage,image,偏移量,详解,参数,绘制
From: https://www.cnblogs.com/shandian333/p/16585812.html

相关文章

  • 【Linux】ps -ef|grep -v grep|awk '{print $2}' 命令详解
    前言在Linux中使用脚本命令时,经常见到ps-ef|grep-vgrep|awk'{print$2}'这一句命令前半部分的ps-ef|grep命令,相信经常接触Linux的人肯定明白,但是后半部分的两次gr......
  • Linux启动过程详解
    如果有一天你们公司很重要的一台Linux服务器突然启动不了了,重装系统又浪费时间,如果是启动过程有问题,那么你知道启动过程可以快速定位系统问题,很快就可以解决。1.上电加载......
  • Nginx分布式框架详解-基础18-21nginx服务升级
    nginx服务的命令行控制此方式是通过Nginx安装目录下的sbin下的可执行文件nginx(文件名)来进行对Nginx状态的控制,我们可以通过nginx-h来查看都有哪些参数可以......
  • Hive Explain 详解
    导读前文《一文读懂SQLServer执行计划》中介绍过关系型数据库SQLServer的执行计划执行计划在数据开发过程中的重要性,以及如何阅读执行计划,根据执行计划分析SQL......
  • Java四大引用详解:强引用、软引用、弱引用、虚引用
    面试官考察Java引用会问到强引用、弱引用、软引用、虚引用,具体有什么区别?本篇单独来详解@mikechenJava引用从JDK1.2版本开始,对象的引用被划分为4种级别,从而使程序能更......
  • 8.Matplotlib axes类使用详解
    Matplotlib定义了一个axes类(轴域类),该类的对象被称为axes对象(即轴域对象),它指定了一个有数值范围限制的绘图区域。在一个给定的画布(figure)中可以包含多个axes对象,但......
  • 9.Matplotlib subplot()函数用法详解
    在使用Matplotlib绘图时,我们大多数情况下,需要将一张画布划分为若干个子区域,之后,我们就可以在这些区域上绘制不用的图形。在本节,我们将学习如何在同一画布上绘制多个子图......
  • 10.Matplotlib subplots()函数详解
    matplotlib.pyplot模块提供了一个subplots()函数,它的使用方法和subplot()函数类似。其不同之处在于,subplots()既创建了一个包含子图区域的画布,又创建了一个figure......
  • 11.Matplotlib subplot2grid()函数详解
    matplotlib.pyplot 模块提供了subplot2grid(),该函数能够在画布的特定位置创建axes对象(即绘图区域)。不仅如此,它还可以使用不同数量的行、列来创建跨度不同的绘图区域......