全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果1,518,370个

深入理解Canvas模糊问题产生的原因与解决办法_javascript技巧_脚本...

那么问题来了,当 width、height 和 style 中定义的 width、height 不一致时,canvas 中绘制的元素会根据 width、height 进行缩放或者拉伸到 style 中所定义的 width、height,这就会导致所绘制的图像比较模糊。 2、所绘制的像素不足 1px 在屏幕上绘制图像时,最少支持的也是绘制 1px,那么比如我们绘制 0.5px,canvas...
www.jb51.net/javascript/319196s...htm 2024-7-12

HTML 5 Canvas 参考手册

HTML5 <canvas> 标签用于绘制图像(通过脚本,通常是 JavaScript)。 不过,<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。 本手册提供完整的 getContext("2d") 对象属性和方法,可用于...
m.jb51.net/w3school/html5/html5_r... 2024-7-11

canvas学习之API整理笔记(一)_javascript技巧_脚本之家

varcanWid = can.width;//canvas 的宽度 varcanHei = can.height;//canvas 的高度 canvas只是一个容器,本身没有绘制的能力,所以我们要得到一个画布ctx,使之具有绘制各种图形的能力。下文所有的方法都是ctx的方法。 绘制 绘制一个矩形: 1 2 3 4 5 6 //填充矩形(x, y是横纵坐标,原点在canvas的左上角)...
www.jb51.net/article/1015...htm 2024-7-6

HTML 5 Canvas

canvas 元素用于在网页上绘制图形。 什么是 Canvas? HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域,您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 创建Canvas 元素 向HTML5 页面添加 canvas 元素。 规定元素的 id、宽度和高度: <canvas id...
m.jb51.net/w3school/html5/html...can... 2024-6-22

HTML5 Canvas 起步(1) - 基本概念_HTML/Xhtml_网页制作_脚本之家

使用Canvas 很简单,与使用其他 HTML 元素一样,只需要在页面中添加一个 <canvas> 标签即可: 复制代码 代码如下: <canvas id="screen" width="400" height="400"></canvas> 当然,这样只是简单的创建了一个 Canvas 对象而已,并没有对它进行任何操作,这个时候的 canvas 元素看上去与 div 元素是没什么区别的,在...
m.jb51.net/web/159...html 2024-7-7

24个canvas基础知识小结_html5_网页制作_脚本之家

24个canvas基础知识小结 这篇文章主要介绍了24个canvas基础知识小结,非常全面详尽,推荐给大家。 现把canvas的知识点总结如下,以便随时查阅。 1、填充矩形fillRect(x,y,width,height); 2、绘制矩形边框strokeRect(x,y,width,height); 3、擦除矩形clearRect(x,y,width,height);...
www.jb51.net/html5/2618...html 2024-7-11

canvas使用注意点总结_html5_网页制作_脚本之家

1、canvas中文教程https://developer.mozilla.org/zh-CN/docs/Canvas_tutorial 2、canvas默认宽高是300、150,为避免异常,最好使用显示属性添加而不通过css来添加宽高 3、在canvas标签内部添加不支持canvas标签的浏览器的说明 4、通过下面的js代码也能判断浏览器是否支持canvas ...
www.jb51.net/html5/926...html 2024-7-12

HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas...

好好看了一下Canvas的功能,感觉HTML5在客户端交互的功能性越来越强了,今天看了一下Canvas绘图,下边是几个实例,记下以备后用。 1、使用Canvas绘制直线: XML/HTML Code复制内容到剪贴板 <!doctype html> <html> <head> <metacharset="UTF-8"> </head> ...
www.jb51.net/html5/3741...html 2024-7-12

Canvas和SVG的区别小结_html5_网页制作_脚本之家

缩放性:SVG是矢量图形,可以缩放到任意大小而不失真,而Canvas是基于像素的绘图技术,缩放会导致像素失真。 编辑性:SVG可以使用XML进行编辑和修改,而Canvas是位图,不容易进行编辑和修改。 浏览器兼容性:Canvas在大多数现代浏览器中都有很好的支持,但在某些旧浏览器中可能存在问题。而SVG在大多数现代浏览器中都有很好的...
www.jb51.net/html5/8797...html 2024-7-11

一步步教你利用Canvas对图片进行处理_javascript技巧_脚本之家

该方法用于从Canvas画布中获取图像数据,具体用法如下: 获取画布指定矩形范围内的像素数据:var ImageData = context.getImageData(x,y,width,height) 以上参数值描述如下表: 该方法会返回一个ImageData对象,该对象有三个属性分别为:width、height和data,而我们最主要用到的就是这个data数组,因为它保存着图像中每一...
www.jb51.net/article/123995.htm 2024-6-29