html scale方法的作用,HTML Canvas scale() 方法

实例

绘制矩形，放大到 200%，然后再次绘制矩形：

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript：

var c=document.getElementById("myCanvas");

var ctx=c.getContext("2d");

ctx.strokeRect(5,5,25,15);

ctx.scale(2,2);

ctx.strokeRect(5,5,25,15);

尝试一下 »

浏览器支持

Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 scale()

方法。

注意：Internet Explorer 8 及之前的版本不支持元素。

定义和用法

scale() 方法缩放当前绘图至更大或更小。

注意：如果您对绘图进行缩放，所有之后的绘图也会被缩放。定位也会被缩放。如果您 scale(2,2)，那么绘图将定位于距离画布左上角两倍远的位置。

JavaScript 语法：

context.scale(scalewidth,scaleheight);

参数值

参数

描述

scalewidth

缩放当前绘图的宽度(1=100%，0.5=50%，2=200%，依次类推)。

scaleheight

缩放当前绘图的高度(1=100%，0.5=50%，2=200%，依次类推)。

更多实例

实例

绘制一个矩形；放大到 200%，再次绘制矩形；放大到 200%，再次绘制矩形；放大到 200%，再次绘制矩形：

YourbrowserdoesnotsupporttheHTMLcanvastag.

JavaScript：

var c=document.getElementById("myCanvas");

var ctx=c.getContext("2d");

ctx.strokeRect(5,5,25,15);

ctx.scale(2,2);

ctx.strokeRect(5,5,25,15);

ctx.scale(2,2);

ctx.strokeRect(5,5,25,15);

ctx.scale(2,2);

ctx.strokeRect(5,5,25,15);

尝试一下 »

html scale方法的作用,HTML Canvas scale() 方法相关推荐

面试题：重写equals方法为什么通常会重写hashcode方法？
最近在面试的时候,当问完了HashMap的数据结构之后,通常会再多问一个问题,就是:重写equals方法时通常为什么也要重写一下hashcode方法? 其实这个问题,本质上又回到HashMap的应用场 ...
Android Canvas.scale缩放
Android30 Canvas.scale方法 1)方法1 将x轴.y轴进行缩放 public void scale(float sx, float sy) {if (sx == 1.0f & ...
Canvas 绘制方法过一遍
Canvas 基础方法和参数介绍 save() restore() void enableZ() void disableZ() 绘制方法及参数介绍 1. drawARGB 画布颜色设置 void d ...
（四）Canvas API方法和属性汇总
canvas主要属性和方法方法描述 save() 保存当前环境的状态 restore() 返回之前保存过的路径状态和属性 createEvent() getContext() 返回一个对象,指 ...
Object的finalize()方法的作用是否与C++的析构函数作用相同
Object的finalize()方法的作用是否与C++的析构函数作用相同 public class Finalization {private static Finalization finaliz ...
html语言中span,html元素span标签的使用方法及作用
html元素标签是一个没有任何语义的行内元素,不对设置任何样式,则不会有任何视觉效果.有关该标签的使用方法及作用详解如下: 标签的定义标签属于行内元素,无任何特殊语义. 标签主要用于定义文本样式, ...
getId()方法的作用
getId() 方法的作用非常简单,就是取得正在运行线程的唯一标识. 如下代码演示了 getId() 方法的使用: public class Test15 {public static void ma ...
isAlive()方法的作用
isAlive() 方法的作用是判断当前的线程是否处于活动状态. 什么是活动状态呢?活动状态就是线程已经启动且尚未终止.线程处于正在运行或准备开始运行的状态,就认为线程是"存活"的 ...
python中tell_Python的File tell()方法使用方法及作用解析（实例）
今天这篇文章我们来了解一下python之中的tell方法,在进入文章之前我们首先要知道pythontell()是什么,tell()它能用在python编程之中的什么地方,能够起到什么作用.这些东西我们 ...

html scale方法的作用,HTML Canvas scale() 方法

html scale方法的作用,HTML Canvas scale() 方法相关推荐

最新文章

热门文章