canvas教学RenderingContext2D对象的属性

即2D绘图环境的属性

canvas

指向绘图环境的canvas对象，通过它来调用canvas的宽度和高度，调用context.canvas.width和context.canvas.height

fillstyle

指定该绘图环境在图形操作中所使用的颜色渐变色和图案

font

在调用绘图环境对象的fillText（）或strokeText（）所使用的字型

globalAlpha

全局透明度，取0到1的值

globalCompsiteOperation

将某个物体绘制于某个物体之上

lineCap

绘制线段的端点，取值为butt，round ，square

lineWidth

绘制线段的屏幕像素宽度，非负非无穷的值，默认1

lineJoin

绘制两条线段相交的焦点，取值bevel，round，miter，默认miter

miterLimit

告诉浏览器如何绘制miter形式的线段焦点

shadowBlur

告诉浏览器如何延伸阴影效果,非负非无穷，默认0

shadowColor

阴影的颜色

shadowOffset X

以像素为单位,指定了阴影效果的水平偏移量

shadowOffset Y

以像素为单位，指定了阴影效果的竖直偏移量

strokeStyle

进行描边的绘制风格

textAlign

决定以fillText（）或strokeText（）进行绘制，文本的水平对齐方式

textBaseline

决定以fillText（）或strokeText（）进行绘制，文本的竖直对齐方式

时间： 2024-11-06 10:05:40

canvas教学RenderingContext2D对象的属性的相关文章

教学-45 对象的相等

曾英-C#教学-45 对象的相等目录四种比较对象的编程方法学会重写Equals方法理解对象的相等 1\对象的相等 ReferenceEquals()使用注意点: 它是静态方法,需要用类来引用返回的是bool量表示的是两个引用符是否指向的是同一个对象实例Equals()方法注意点: 它是虚方法,可以重写,可以重写来实现值的比较, 静态Equals()方法: ==: 1.1\ ReferenceEquals(f1, f2)方法实现: using System; using System

给object数组进行排序（排序条件是每个元素对象的属性个数）

从汤姆大叔的博客里看到了6个基础题目:本篇是第3题 - 给object数组进行排序(排序条件是每个元素对象的属性个数) 解题关键: 1.Array.sort的用法 2.object的属性数量的统计解点1:Array.sort的用法 Array.sort可以为数组指定一个排序规则,一般用如下格式进行指定,代码如下: var arr = [10,6,0,4]; console.log( arr.sort() ); //按字符排序 0,10,4,6 console.log( arr.sort( fu

[原创]java WEB学习笔记48：其他的Servlet 监听器：域对象中属性的变更的事件监听器（3 个），感知 Session 绑定的事件监听器（2个）

本博客为原创:综合尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和网络上的现有资源(博客,文档,图书等),资源的出处我会标明本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友微博:伊直都在0221 QQ:951226918 ---------------------------------

swfupload js中 file 对象的属性

name=3cc68cfc60b87e6dd6887d8a.jpg modificationdate=Wed Apr 21 15:48:30 UTC+0800 2010 filestatus=-1 post=[object Object] type=.jpg index=0 size=29006 creationdate=Wed Apr 21 15:48:38 UTC+0800 2010 id=SWFUpload_0_0swfupload js中 file 对象的属性,布布扣,bub

【java】java反射机制，动态获取对象的属性和对应的参数值，并属性按照字典序排序，Field.setAccessible()方法的说明【可用于微信支付签名生成】

方法1:通过get()方法获取属性值 package com.sxd.test.controller; public class FirstCa{ private Integer num; private String name; private Boolean flag; public Integer getNum() { return num; } public void setNum(Integer num) { this.num = num; } public String getNam

jQuery事件对象的属性和方法

jQuery事件对象的属性和方法事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别 event.type:获取事件的类型触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标通过这2个属性,可以确定元素在当前页面的坐标值,鼠标相对于文档的左边缘的位置(

javascript中对象的属性的特性

enumberable: 表示是否能通过for-in循环返回属性.默认为true writable: 是否可以修改属性, 默认为true value: 包含这个属性的数据值.读取属性值时3,从这个属性读,写入属性时,把新值保存到这个位置.默认值为undefine. getter: 在读取属性时,调用的函数 setter: 在写入属性时调用的函数特别注意:一旦调用了Object.defineProperty方法之后,那些未定义的特性值除了configurable为false之外,其他都为unde

解析DOM节点对象的属性

1.文档对象模型(DOM) 定义:允许程序和脚本访问.更改文档内容.样式和结构.它是平台无关的,意味着可以在任何计算机上使用它.它是语言无关的,以为着它能够交换客户机和服务器之间的信息,而不管任意一边使用什么语言. 2.DOM节点 DOM把HTML(或XML)文档视为一颗或者一组数(是指结构类似),也就是有一个顶层和多个构成子层的分支,并且每个子层又有分支和更多子层,顶层是文档(document),而文档的根元素是<html>. 3.节点对象属性 DOM节点对象的属性属性方法 childN

全局变量都是window对象的属性

var x = "haha"; var test = function(){ alert(this.x); } 上述,则会弹出 haha的值. 因为在JavaScript的变量作用域里有一条规则“全局变量都是window对象的属性”. 所以当执行test();方法时,相当于执行window.test(); 所以test方法中的this相当于指向了window对象,而window对象又有x变量. 即:this所在的函数是当作哪个方法的对象所调用的,即该对象就是this所引用的对象. 参