HTML5 canvas 9绘制图片实例详解
绘制图片
Var image=new Image();
image.src=” http://img4.duitang.com/uploads/item/201406/25/20140625182321_4MTau.thumb.700_0.jpeg”;
image.onload=function(){}
Context.drawImage(image,x,y);
Context.drawImage(image,x,y,w,h);
Context.drawIamge(image,sx,sy,sw,sh,dx,dy,dw,dh);
图片平铺
Var pat= context.createPattern(image,”repeat”);
Context.fillStyle=pat;
Context.fillRect(0,0,400,300);
图片裁剪
先绘制好路径
Context.clip();
<html> <head> <meta charset="UTF-8"> <title>绘制图片</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> </head> <body> <canvas id="canvas" width="500" height="500"></canvas> <script type="text/javascript"> var oCanvas = document.getElementById("canvas"); var context = oCanvas.getContext("2d"); context.fillStyle = "#ededed"; context.fillRect(0, 0, 500, 500); //绘制图片 var img = new Image(); //创建 img.src = "img/01.jpg"; //图片地址 img.onload = function() { //检测所有图像信息载入页面里 context.drawImage(img, 0, 0); // img对象;0,0:img坐标起点 }; </script> </body> </html>
-
本文向大家介绍Android 绘制太极图实例详解，包括了Android 绘制太极图实例详解的使用技巧和注意事项，需要的朋友参考一下 Android 绘制太极图 绘制一个太极图实现代码： 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍C#实现绘制浮雕图片效果实例，包括了C#实现绘制浮雕图片效果实例的使用技巧和注意事项，需要的朋友参考一下 本文采用C#实例讲解了处理图片为浮雕效果的实现方法，这在PS中是一个常见的功能，也是C#中的一个简单的图像处理例子。程序先读取原图，然后依次访问每个像素的RGB值，获取相邻两个像素的R、G、B值，计算与左上角像素的RGB分量之差，将计算后的RGB值回写到位图，最后进行图片的浮雕处
-
本文向大家介绍python+matplotlib实现动态绘制图片实例代码（交互式绘图），包括了python+matplotlib实现动态绘制图片实例代码（交互式绘图）的使用技巧和注意事项，需要的朋友参考一下 本文研究的主要是python+matplotlib实现动态绘制图片（交互式绘图）的相关内容，具体介绍和实现代码如下所示。 最近在研究动态障碍物避障算法，在Python语言进行算法仿真时需要
-
本文向大家介绍Android开发 OpenGL ES绘制3D 图形实例详解，包括了Android开发 OpenGL ES绘制3D 图形实例详解的使用技巧和注意事项，需要的朋友参考一下 OpenGL ES是 OpenGL三维图形API 的子集，针对手机、PDA和游戏主机等嵌入式设备而设计。 Ophone目前支持OpenGL ES 1.0 ，OpenGL ES 1.0 是以 OpenGL 1.3 规范
-
本文向大家介绍Android listView 绘制表格实例详解，包括了Android listView 绘制表格实例详解的使用技巧和注意事项，需要的朋友参考一下 Android listView 绘制表格 效果图： 二，创建步骤： 1，创建布局： activity_main中的布局： 2，创建list_item布局： 3，适配器中内容： TableAdapter: 4，Activity中内
-
本文向大家介绍iOS 生成图片验证码绘制实例代码，包括了iOS 生成图片验证码绘制实例代码的使用技巧和注意事项，需要的朋友参考一下 登录注册时用的验证码效果图 ViewDidload调用即可 github下载地址 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。