Canvs

html2canvas移动端使用问题及解决

jsbridge.js来调用端上的接口，在调用接口之后，调用html2canvas来生成图片，发现刚才调用的接口又被调用了一次解决方案一：在html2canvas调用之前，重置jsbridge解决方案二：html2canvs
昨夜小楼东风·2024-02-04 13:38

使用jspdf插件将网页中的内容导出为高保真的pdf文件

文件的四种方式比较2.第一种方式：html2canvas+jspdf导出网页内容2.1网页内容拼接失真导出pdf2.1.1安装和引入html2canvas和jspdf2.1.2JsPDF参数说明2.1.3html2canvs
百里狂生·2023-11-16 10:59

一个简单的canvs做的组织架构图及源码

最近在做一个企业人事管理系统，对于这样一个系统来说，一个能够直观展示出公司部门结构的架构图是不可或缺的。初版效果如下图：目录结构如下：html代码如下：//vardata=$.ajax()var$=go.GraphObject.make;varmyDiagram=$(go.Diagram,"myDiagramDiv1",{initialContentAlignment:go.Spot.Center
q993657559·2023-11-06 18:55

CocosCreator 长地图相机渲染不全

4.Canvs和Camare的长、宽、Scal
木木大人啊·2023-09-13 14:53

Flutter 购物车抛物线动画核心实现 随记

实现点击添加购物车时候需要原点飘动的动画，一直没想过怎么实现，网上搜了一大片都是原生用贝塞尔曲线、属性动画来实现的，可是放到flutter上就实现不到那效果，也想过用canvs来画圆弧，效果不好，后来突然想到为何不直接用抛物线的运动算法来画呢
胜_弟·2023-08-25 21:15

推荐13个很棒的 JS 库，提高效率，解放生产力

axios.js4.qs5.js-cookie6.lodash.js7.moment.js8.dayjs9.mescroll.js10.flv.js11.url.js12.vConsole.js13.html2canvs1
IT码农-爱吃辣条·2023-08-18 11:45

canva绘制海报01：canvas绘制图片并解决导出后略模糊问题

需求如下：根据后台返回的海报背景图和一个链接二维码(vue-qr)，合成一张图，然后可以进行长按保存本地操作思路如下使用canvs.drawImage绘制图片到相应位置canvas.toDataUrl导出图片数据流到
普通不平庸·2023-03-31 12:00

2020-08-30 UGUI原理笔记

原文链接UnityUGUI原理篇(一)：Canvas渲染模式Canvs所有的UI都需要显示在Canvas之中，简单说Canvas就是渲染UI的组件CanvsRenderModeUI共有3种渲染方式，设定方式在
Ashen_9676·2023-03-14 10:07

[kbone] 问题集锦

2.防止touchmove过程中触发pagescroll目前小程序不支持prevetDefault和stopPropagation解决方案：在需要滑动操作的元素外部包裹来阻止事件冒泡3.小程序中canvs2d
爱吐槽的小姐·2023-03-12 10:49

SVG和Canvas

Canvs和SVG都是前端绘图技术SVG指可缩放矢量图形，是用于描述二维矢量图形的一种图形格式，是由万维网联盟制定的开发标准。SVG使用XML格式来定义图形。
万耳鲵_388e·2023-01-28 03:28

canvas--初识canvs、绘制：线型、简单图形、渐变背景颜色、绘制动画、canvs形变、事件绑定

目录一、初识canvas1.1基本使用1.2示例1.1注意点二、canvas线条相关属性2.1常用属性2.2示例2.3绘制多根线条c.示例：三、canvas绘制简单图形3.1绘制三角形3.2路径绘制3.3矩形绘制3.4绘制虚线3.5绘制表格3.6绘制坐标系3.7绘制数据点3.8绘制折线图3.9绘制柱状图四、渐变背景颜色4.1设置图形渐变背景颜色步骤4.2绘制圆弧4.3绘制饼状图4.4绘制文字4.5
小白小白从不日白·2022-10-15 01:22

微信小程序图片裁剪

描述：利用百度的ocr识别在微信小程序上（canvs,cover-view)做一个图片裁剪功能，由用户自己选择拖动选择框来进行裁剪。毫无美感可言。步骤：1.上传图片，并利用canvs来画出来。
咩咩籽·2022-02-15 07:05

刮刮乐效果原来如此简单

我们这里需要用到的类型是destination-out此属性的详细信息：MDN文档2.基础版刮刮乐功能canvs覆盖在图片上    body {      margin: 0;    }    img 
·2021-12-08 22:00

HTML5-canvas小知识

canvas画布大小标签中设置，不加单位js中设置varcanvas=document.getElementById('canvs')varcontext=canvas.getContext('2d')
一包·2021-06-21 19:05

Canvas 使用指南

一、canvs基础1、绘图环境canvas的能力是通过context对象表现出来的，context一般称为绘图环境。
风之化身呀·2021-06-06 17:01

vue 中获取PC端本地摄像头的解决方案

需求：人脸识别模块解决方案：通过系统外接摄像头（电脑连接的摄像头）获取本地视频，前端页面每隔一段时间通过canvs生成图片发送给后端校验，识别是否有效人脸。
鸡头山大王·2020-09-16 16:21

Taro学习手册（二）—— 画布Canvas

canvs主要是用于小程序生成图片，接下来讲一下生成图片相关的函数初始进入页面的时候就调用API获得设备信息Taro.getSystemInfo()获取设置的基本信息Taro.getSystemInfo
kelly0721·2020-09-14 21:25

js学习21-（canvas）

不正常的画布是显示的，因为此时会认为canvs是自定义的标签，说明你的浏览器支持canvas//1、找到画布对象varcanvas1=document.querySelec
琦遇前端ing~·2020-09-12 23:54

HTML5动画封装函数

构造函数使用//el：canvs元素//injeSpeed：注入速度1->4000或者空串是默认值340//animSpeed：动画速度1-10000或者空串是默认值60//注入器:定时向数组注入随机圆的信息
Mr_maoEr·2020-08-17 23:27

微信小程序初次创建echarts并简单使用的详细过程

微信小程序初次创建echarts并简单使用的详细过程首先新建微信小程序然后创建好新的页面将ec-canvs文件放在小程序文件的根目录然后打开微信开发者工具，在home.json中引用组件在home.wxml
做个前端工程师吧·2020-07-31 12:49

微信小程序Canvs画数据表格 折线图

微信小程序Canvs画数据表格应设计要求，需要画个图标来显示用户历史数据的变化，所以就写了个方法，方便自己以后用的时候调用废话不多说，先上效果图现在.wxml文件中加入canvas标签给他一个canvas-id
灵神翁·2020-07-13 19:02

canvas层级和绘制线上tupian

小程序中canvas画图canvas标签层级过高canvs绘制在线的图片canvas标签层级过高在用canvas标签层级太高了，只要在canvas上添加//css样式position:fixed;top
qq_36183088·2020-07-07 22:24

Canvas绘制五子棋棋盘

一、前台HTML中添加canvas（将width与height写入html中，放入css文件中显示的样式不一致）二、css文件设置canvs样式.chessboard{display:block;margin
muyupiaopiao·2020-07-07 17:05

HTML5 canvas 实现回合制战棋游戏(1)：加载和绘制图形

使用html5canvs绘制游戏图像，
marble_xu·2020-07-05 00:31

基于Go语言和phantomJS的屏幕截图分享微服务

背景前端程序员不愿意(技术不行)使用canvs截取图片分享到微信朋友圈准备工作*unix系统安装phantomJS可执行文件,phantomjs添加到系统环境变量检验phantomjs安装是否成功,在终端中运行
weixin_33805557·2020-07-01 05:01

JAVA生成微信小程序分享海报图片

生成海报，有两种方式：前端小程通过canvs绘图到模式进行合成前端小程序请求到后台服务器进行合成在本场Chat中，会讲到如下内容：如何使用Java图片JDK进行图片操作如何进行图片裁剪如何进行图片缩放如何进行图片合成适合人群
GitChat的博客·2020-06-27 10:05

Matrix工具使用

使用一般是在Canvas中drawBitmap的时候提供一个matrix参数对draw做绘制处理，或者通过重新createBitmap提供一个matrix参数生成一个新的bitmap；通过bitmap构建一个canvs
Vick_code·2020-06-21 22:23

kotlin 随机生成图片验证码

从网上找了很多文章，看了一下源码，最后总结如下：核心思路一、它是一张图片+随机数字+线条组合而成二、通过bitmap工厂类生成一个bitmap，把bitmap给canvs充当画板，在其上进行绘制文字+斜线三
落叶随风花落入泥·2020-04-30 15:56

AndroidUI常用类以及界面相关类

Canvs类提供的方法中，经常用的比较多的是draw开头的方法，即向画板中画图形。自定义
一只吸烟的鱼·2020-03-06 15:51

Android 实现图片水印与隐形数字水印

在使用知乎，微博的时候，我们经常可以看到自己上传的图片被加上了文字水印，在实际的应用开发过程中，很多客户端都需要开发者自己编写Canvs绘制图形水印的方法，今天我想在这里介绍一个轻量级的开源Android
蒋古申·2018-09-09 19:58

基于Go语言和phantomJS的屏幕截图分享微服务

背景前端程序员不愿意(技术不行)使用canvs截取图片分享到微信朋友圈准备工作*unix系统安装phantomJS可执行文件,phantomjs添加到系统环境变量检验phantomjs安装是否成功,在终端中运行
TechMojotv·2018-06-14 00:00

CAN收发器TJA1040简介

收发器的作用是把数据按照ISO11898协议规定的要求发送到CAN总线上，物理层上分高/低速CAN，关于高速CAN和低速CAN的区别参见《高速CANVS低速CAN》。
ppdyhappy·2017-05-09 19:39

HTML5 canvas画布（二）

上一篇《HTML5canvas画布（一）》对canvas标签作了简单的介绍和用法示例，但实际上canvas的用法是非常强大的，很多酷炫的HTML5动画及游戏都是基于canvs来制作的。
anda0109·2016-06-23 23:00

GEF -- 学习一下调色板，我们不知道的东西（一）矩阵

虽然我也能用Canvs绘图，移动图片等等，但是我自忖我还没有那个能力。你知道承认自己能力的不足是多么的痛苦，但是我不得不承认，真的不行。
·2015-11-12 10:57

WPF开发日记—解决拖动行为附加到元素上的延迟

此文的前提是 结合ItemsControl在Canvas中动态添加控件的最MVVM的方式   上一篇博客讲到了我通过使用 ItemsControls 内部设置Canvs为布局面板
·2015-10-31 09:06

android中的画布surfaceView以及Canvs/Path/Paint小记

一：surfaceView 1、定义 可以直接从内存或者DMA等硬件接口取得图像数据,是个非常重要的绘图容器。 它的特性是：可以在主线程之外的线程中向屏幕绘图上。这样可以避免画图任务繁重的时候造成主线程阻塞，从而提高了程序的反应速度。在游戏开发中多用到SurfaceView，游戏中的背景、人物、动画等等尽量在画布canvas中画出。 2、实现 首先继承SurfaceView并
程言方·2015-02-09 21:00

android中的画布surfaceView以及Canvs/Path/Paint小记

阅读更多一：surfaceView1、定义可以直接从内存或者DMA等硬件接口取得图像数据,是个非常重要的绘图容器。它的特性是：可以在主线程之外的线程中向屏幕绘图上。这样可以避免画图任务繁重的时候造成主线程阻塞，从而提高了程序的反应速度。在游戏开发中多用到SurfaceView，游戏中的背景、人物、动画等等尽量在画布canvas中画出。2、实现首先继承SurfaceView并实现SurfaceHol
程言方·2015-02-09 21:00

【Android小应用】颈椎保健操Android开源项目

要实现上面这样的效果，其实很简单，自定义view，然后调用Canvs的drawTextOnPath方法即可，但干巴巴地显示一张图片太乏味了，也不能解决有些喜欢转手机不转脖子的朋友，所
zmywly·2014-08-23 15:00

Android Graphics专题（1）--- Canvas基础

本文将讨论Canvs的由来，并通过实例展示Canvas的基础用法。对于应用开发而言，我们可以不去深究Canvas与Andr
droidpioneer·2014-05-01 19:34

Android Graphics专题（1）--- Canvas基础

本文将讨论Canvs的由来，并通过实例展示Canvas的基础用法。对于应用开发而言，我们可以不去深究Canvas与Andr
droidpioneer·2014-05-01 19:00

HTML5 Canvas的性能提高技巧经验分享

使用缓存技术实现预绘制，减少重复绘制Canvs内容很多时候我们在Canvas上绘制与更新，总是会保留一些不变的内容，对于这些内容应该预先绘制缓存，而不是每次刷新。
佚名·2013-07-02 17:07

提高HTML5 Canvas性能的技巧

一：使用缓存技术实现预绘制，减少重复绘制Canvs内容很多时候我们在Canvas上绘制与更新，总是会保留一些不变的内容，对于这些内容应该预先绘制缓存，而不是每次刷新。
jia20003·2013-07-02 15:00

提高HTML5 Canvas性能的技巧

一：使用缓存技术实现预绘制，减少重复绘制Canvs内容很多时候我们在Canvas上绘制与更新，总是会保留一些不变的内容，对于这些内容应该预先绘制缓存，而不是每次刷新。
gloomyfish·2013-07-02 15:00

提高HTML5 Canvas性能的技巧

一：使用缓存技术实现预绘制，减少重复绘制Canvs内容很多时候我们在Canvas上绘制与更新，总是会保留一些不变的内容，对于这些内容应该预先绘制缓存，而不是每次刷新。
gloomyfish·2013-07-02 15:00

flex 学习笔记 graphics（二）

新建一个Canvs，然后通过监听鼠标事件用Graphics在Canvas里面画图，代码如下：                               
李思威·2012-08-13 22:27

flex 学习笔记 graphics（二）

新建一个Canvs，然后通过监听鼠标事件用Graphics在Canvas里面画图，代码如下：                              效果：
李思威·2012-08-13 22:27
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他