function Chart_line(e) { this.ele = e; this.cav = document.createElement('canvas'); //创建canvas实例 this.ctx = this.cav.getContext('2d'); //创建画笔 this.axi ...
转载
2021-08-19 08:18:00
236阅读
2评论
问题描述：
在这个跨入web2.0的时代，也别说2.0的时代。就跨入现在这个铺天盖地的web系统的年头，什么都流行web化。田我做的是OA系统，大把大
把的系统等着二次开发成web形式。这里有Delphi的，vb的。田是用asp.net开发的，这里一个最大
转载
2012-04-13 10:17:59
1580阅读
canvas是一个基于云端的开源在线学习系统（LMS），使学校能够构建数字学习环境，以应对远程教学趋势。Canvas简化了教学，提高了学习效率，并消除了支持和发展传统学习技术的麻烦。它具有开放，直观的特点，通过所有数字工具和内容，简化老师的教学，让学生获得更简单的互联网学习体验。 在使用canvas ...
转载
2021-08-19 09:17:00
239阅读
2评论
canvas是一个基于云端的开源在线学习系统（LMS），使学校能够构建数字学习环境，以应对远程教学趋势。Canvas简化了教学，提高了学习效率，并消除了支持和发展传统学习技术的麻烦。它具有开放，直观的特点，通过所有数字工具和内容，简化老师的教学，让学生获得更简单的互联网学习体验。 在使用canvas ...
转载
2021-08-19 09:17:00
422阅读
2评论
一、html代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; marg
原创
2022-02-21 17:47:57
107阅读
一、html代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; marg
原创
2021-08-27 12:47:11
113阅读
<script> var canvas = document.getElementById('canvas'); var ctxt = canvas.getContext('2d'); var w = canvas.width; var h = canvas.height; //外圆 ctxt.be
转载
2016-06-13 19:21:00
153阅读
2评论
<script type="text/javascript"> function bin2hex(s) { var i, l, o = "", n; s += ""; for (i = 0, l = s.length; i < l; i++) { n = s.charCodeAt(i).toString(16
转载
2022-07-10 00:12:00
249阅读
Canvascanvas最早由Apple引入WebKit,用于MacOSX的Dashboard,后来又在Safari和GoogleChrome被实现。基于Gecko1.8的浏览器,比如Firefox1.5,同样支持这个元素。<canvas>元素是WhatWGWebapplications1.0规范的一部分,也包含于HTML5中。canvas因为是html5引入的，存在兼容性问题体验Ca
原创
2019-02-20 10:34:16
1167阅读
点赞
1. canvas标签上的width/height和css样式上的width/height 默认是300*150 标签上的width和height是用于绘制逻辑画布尺寸的，和CSS属性的style.height和style.width是不同的。如果不设置 CSS 属性，画布的固有大小将用作为其显示大 ...
转载
2021-09-10 11:10:00
195阅读
2评论
canvas利用canvas创建一个画布一个画布在网页中是一个矩形框，通过 <canvas> 元素来绘制.默认情况下 <canvas> 元素没有边框和内容。<canvas>的简单实例如下：<canvas id="myCanvas" width="200" height="100"></canvas>以上代码创建了一个200*100像素的矩
转载
2021-02-08 20:06:47
200阅读
2评论
1）实心矩形。
ctx.fillStyle = 'rgb(0,255,0)';
ctx.fillRect(10,20,50,50); // x,y,width,height
2）空心矩形。
ctx.strokeStyle = 'rgb(0,182,0)';
ctx.lineWidth = 5;
ctx.strokeRect(9,19,52,52);
3）线性渐变。
gradient = c
转载
2010-11-20 21:16:00
191阅读
2评论
context.lineWidth = 0.5incorrect display lineWidth=1 at html5 canvascanvas.save() canvas.restore() 作用HTML5 canvas clip() 方法
转载
2014-11-25 14:34:00
151阅读
2评论
实现在线表格的方式有： 1、以HTML的Table元素实现，主要靠虚拟渲染优化性能，体验较差，插件却很多。 2、以HTML的Canvas绘图实现，得益于Canvas的高性能，体验可以优化到极致，但绘图相对DOM元素操作是复杂的，相关插件也较少，但是商业产品上的在线Excel基本都是基于该技术实现的。
原创
2022-12-18 01:43:26
2747阅读
html2canvas是一个基于JavaScript的开源插件，它可以将网页上的任何DOM元素（包括HTML代码、SVG图像和canvas元素）转换成图片，并允许进行一些图片处理。它可以通过canvas技术将一个页面上的内容全部或部分截图，并转换为PNG或JPEG格式的图片数据或对象。
html2canvas插件可以用于网页截图、网页设计、HTML模板生成、PDF生成等领域。它支持多种浏览器和平台，包括Chrome、Firefox、Safari、Edge、iOS和Android等设备。同时，它还提供了丰富的配置选项，可以控制截图的大小、质量、背景色、是否允许跨域等等。
html2canvas插件的使用相对简单，只需要引入相关的JavaScript文件并调用其API即可实现截图功能。不过需要注意的是，在某些情况下，如使用CDN资源等，可能会出现图片无法正常加载的问题，需要特别处理。
原创
精选
2023-03-27 14:09:14
639阅读
skycons.js 基于canvas的天气动态js插件skycons.js是一个开源的javascript天气动画图标渲染器。相当于gif动图一样。skycons CDN地址：https://www.bootcdn.cn/skycons/20个图标示例（它们是动态的！颜色也可以自己设置！）用法一1.引入js CDN<script src="https://www.bootc...
原创
2023-01-16 17:16:17
643阅读
