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);

尝试一下 »

浏览器支持

7b86c2d3d862ffa757453c9e1d83f0fa.gif

f8389ce1eee980e8c9eb53905f22ba1c.gif

16dcadd82fc0e6b03ab21fe38d8cb7e9.gif

adbbafcb20eef4ecf62888948d4d07e2.gif

3b0dca4d61b7fbbace6ab48185d742c1.gif

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);

尝试一下 »

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/529930.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html屏幕输出笔记本,笔记本怎样外接显示器 笔记本外接显示器方法【详解】

摘要:笔记本电脑怎样外接显示器?一些用户用惯了大屏台式电脑的朋友,改用笔记本玩游戏,看电影等开始会很不习惯,由于笔记本的屏幕与键盘相比台式机要小上一大截。如果身边有显示器或者液晶电视的话,不妨动手体验下笔记…

江陵中学2021高考成绩查询,2021高考序幕拉开 荆州38080名考生赴考

十年寒窗磨一剑,只待今朝问鼎时,6月7日上午,2021年全国高考正式拉开序幕,荆州3.8万余名考生迎来人生大考。上午8点,在湖北省沙市中学考点周围,不少身着红色送考服的班主任们正在给考生们发放准考证&#xf…

排球制作html,MAYA打造排球建模教程

这篇教程向悠悠之家的朋友们介绍用MAYA打造排球模型的过程,制作很简单,希望对刚学习MAYA建模的朋友们有所帮助,我们先看看最终的效果图:你们一定学过很多创建一个球的技巧,但在这个入门教学里面,我们将要学…

计算机主机箱前后都有什么,目前四种热门的主机机箱设计都有哪些优缺点?

在DIY里面机箱算是最没技术含量的产品之一,不过它却是与DIYer接触时间最长的东西。气味大师每天都会按下机箱开机键,也会空余时间瞄上几眼。机箱确实是对DIY影响最大的产品之一,今天我来盘点一下2018年见过的几个主流机箱设计方案。说是机箱设…

计算机自然语言的中国科学家,中科院教授王斌加入小米 任自然语言处理首席科学家...

王斌新浪科技讯 8月28日上午消息,小米新经济研究中心发布微信文章称,中国科学院信息工程研究所研究员、博士生导师王斌已于8月20日正式加入小米集团,任AI实验室自然语言处理(Natural Language Processing,NLP)首席科学家&#xff…

springcloud 相同服务名_浅谈分布式与微服务

分布式和微服务是什么关系?简单来说,分布式和微服务的概念比较相似,分布式属于微服务。但是分布式和微服务在架构、作用和粒度上有所区别。因此,两者的关系是既相互联系又相互区别。本文主要带大家认识分布式和微服务,…

bat 变量 文件内容第一行_VBA基础入门(38)FSO生成bat文件后执行的实例

1.首先,我们回顾下FSO是什么?文件系统对象FSO的英文全称是File System Object ,这种对象模型提出了有别于传统的文件操作语句处理文件和文件夹的方法。通过采用object.method这种在面向对象编程中广泛使用的语法,将一系列操作文件…

ps怎么更改背景图层大小_PhotoShop处理图层的一些技巧方法、PS图层处理教程

一、了解图层以及为什么它们如此有用。1.在“图层”面板中查看和选择图层2.层包含组成分层文件的图像,文本或对象。它们使您可以在一层上移动,编辑和使用内容,而不会影响其他层上的内容。3.图层在“ 图层”面板中按堆栈排列,该面板…

使用计算机画画需要什么软件,专业电脑绘画用的是什么工具?

满意答案srCDG3SL62013.11.13采纳率:57% 等级:12已帮助:11125人电脑硬件配置(CPU,内存,显卡等)越高,绘制大图时,软件不会卡。就会画的很流畅。特别是Painter,模拟自然画笔越真实,…

中如何移动物体在画面中的位置_组合柜摆在客厅中什么位置最旺运?客厅中,财位是如何确定的?...

组合柜摆在客厅中什么位置最旺运?组合柜在风水中的重要性不如沙发,但要注意的宜忌事项也有很多。风水上讲高者为山,低者为水,有高有低,有山有水,才符合风水原理。在客厅中,低的沙发是水&#xf…

计算机概论在线阅读,计算器概论 or 计算机概论

计算机硬件的五大单元输入单元、输出单元、CPU内部控制单元、算数逻辑单元、主存储器。中央处理器 CPU Central Processing UnitCPU 的种类精简指令集 Reduced Instruction Set Computing, RISCSun SPARCIBM Power Architecture复杂指令集 Complex Instruction Set Comp…

四川大学计算机学院赵怡,【喜讯】我校计算机学院学子在蓝桥杯大赛全国总决赛中再获佳绩...

在第十一届蓝桥杯“全国软件和信息技术专业人才大赛”省赛上,我校选手面对包括北京大学、清华大学、上海交通大学、北京航空航天大学、武汉大学、西安交通大学、北京理工大学、四川大学、电子科技大学、吉林大学、东北大学等在内的1200余所高校,6万余名顶…

2002勘察设计收费标准_上海装修设计师的收费标准是什么?

目前家装行业的发展趋势全是特别迅速的,一点都不落后于房地产业的发展趋势,因此目前在好多大城市全是各式各样的家装公司,这篇以上海装修公司为例,向大伙儿详细介绍一下上海装修设计公司的有些收费标准,看一下绝大多数…

colab清理gpu缓存_安卓手机为什么会变卡?强制GPU渲染手机就能变流畅?你真的懂吗...

使用过安卓手机的朋友都知道,安卓手机最大的毛病就是卡顿,那你知道安卓手机变卡的原因吗?还有网上很多教程说开启“强制进行GPU渲染”手机就会变流畅,真的是这样吗?我们先来了解安卓手机为什么会变卡:安卓手…

脉冲宽度调制pdm_STM32第七章-脉冲宽度调制

先说在开头啊,我们学习定时器总感觉它是很难的,这里我就不说他的编程难度,而是对于它的理解难度。学习定时器你就必须了解他的来龙去脉。比如说你现在要使用一个定时器,那么先要决定你要用哪一个定时器,是高级定时器还…

苹果13系统锁屏延迟_iPhone11 锁屏出现延迟,iOS13 新 Bug?

点击 哎咆科技 关注我们这两天很多人在后台反应,用 iPhone11 锁屏的时候出现了延迟的情况。虽然延迟并不是很长,但还是会有“卡顿”的感觉。咆哥:我最近也感觉到了。于是很多同学认为,是不是 iOS13 系统的问题?你们多虑…

ctf 改变图片高度_每天一分钟,python一点通(opencv的图片处理方法)

有网友私信小编说,小编的文章很好,讲解的也很详细,但是有些知识点很深奥,对初学者不是很友好,回想小编的文章虽然几乎每条代码都有介绍,但是很多函数没有太详细,小编后期会重启《每天一分钟&…

计算机休眠能降低硬件损耗,Win7居然会出现“失眠”——Win7无法休眠问题解析...

许多用户在安装了win7以后,都出现了无法使用休眠功能的问题,当用户暂时不使用电脑或离开电脑时,系统不能进入休眠状态,使得节电与减少硬件损耗都不能正常进行,显示器也会长时工作,这加速了电脑的整体老化。…

4键电子手表说明书_数字S1系统7寸门口主机操作说明书

1.产品概述随着社会发展的日新月异,人们的生活开始步入网络时代,数字化浪潮席卷了各行各业,传统的楼宇对讲产品也逐渐朝着数字化、网络化、信息化和智能家居的方向发展,它不再只扮演一个访客身份确认系统的角色,而是成…

重构html布局,HTML重构:战术篇

上文书我们说到《HTML重构:战略篇》,书接前言下面是战术篇,我们通过路线图来先有一个大体印象:1、HTML规范化(Well-Formedness):语法正确2、HTML Validity :语义正确3、不仅仅是语义正确:HTML元…