前端使用canvas生成盲水印的加密解密
为了保障信息安全，防止重大信息泄露，并且能够锁定泄露用户，需要对页面展示的图片加入当前用户信息的盲水印，即最终图片外观看起来和原图一样，但是经过解码以后可以识别出水印信息，并且在截图后仍能进行较好的识别。经过在网上的学习摸索，看了几位大神的博客以后，我也总结一下自己的代码，分享一下学习经验。我们将使...
JScrollPane与JPanel 滚动条 解决canvas的滚动条问题
当用JScrollPane和JPanel显示图片时，需要将JPanel的PrefferedSize及时传递给JScrollPane，否则容易出现JScrollPane的滚动条无法与图片大小匹配的问题，下面是从Matrix网上搜到的一段代码供参考使用：import java.awt.Dimension...
Canvas画圆形
转载：https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes#圆弧function draw() { var canvas = document.getElementById('canva...
Canvas——使用定时器模拟动态加载动画！
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> </style&...
提升性能：QML Canvas 绘图优化技巧
renderTarget: 枚举类型 该属性持有当前画布渲染目标的信息。Canvas.Image：表示将渲染内容输出到内存中的图像缓冲区。Canvas.FramebufferObject：表示将渲染内容输出到 OpenGL 帧缓冲中。 此提示与 renderStrategy 一起传递给图形上下文，以...
canvas认识
1使用canvas绘制一个矩形<canvas id="canvas" width="640" height="360"></canvas><script>// 获取context对象 var canvas = document.getElementBy...
Canvas游戏计算机图形教程
TechbrooD主站WOW登录注册0首页1简介1.1WWW 技术变迁和生态1.2WWW 学习建议1.3WWW 互联网基础知识1.4WWW Web1.5 WWW Web 浏览器2HTML 基础知识2.1 HTML 语法2.2 HTML 块状元素（Block） 和 内联元素（Inline）2.3 HT...
Paint、Canvas、Matrix使用解说(一、Paint)
username=tianjian4592">我正在參加 CSDN 2015博客之星评选 感恩分享活动，假设认为文章还不错，请投个票鼓舞下吧：http://vote.blog.csdn.net/blogstar2015/candidate?username=tianjian4592好了，前面主...
html5 canvas基本用法
通过对canvas的初步了解，经过几天的总结，吧canvas的基本用法总结如下：方便以后查阅<!doctype html><html><head><meta charset="utf-8"><title>canvas 使用实例</ti...
HTML5 Canvas阴影用法演示
HTML5 Canvas阴影用法演示HTML5 Canvas中提供了设置阴影的四个属性值分别为：context.shadowColor = “red” 表示设置阴影颜色为红色context.shadowOffsetX = 0表示阴影相对TEXT的水平距离，0表示两者水平位置重合context.sha...
canvas实践小实例一 —— 画板工具
前面讲了一部分的canvasAPI的基础知识，光看API的介绍确实是很无趣乏味，需要一点可以激发内心的激情的东西来激励自己来学习，于是就了伴随canvasAPI学习的小实例，这样通过API的知识，结合小实例的应用，就可以更好的去理解canvas的这些属性和方法，也可以激发自己创造canvas特效的灵...
三种图表技术SVG、Canvas、WebGL 3D比较
1.什么是SVG？描述：一种使用XML描述的2D图形的语言SVG基于XML意味着，SVG DOM中的每个元素都是可用的，可以为某个元素附加Javascript事件处...
Canvas图形编辑器-数据结构与History(undo/redo)
Canvas图形编辑器-数据结构与History(undo/redo) 这是作为 社区老给我推Canvas，于是我也学习Canvas做了个简历编辑器 的后续内容，主要是介绍了对数据结构的设计以及History能力的实现。 在线编辑: https://windrunnermax.github.io/C...
uni-app使用wx-canvas实现微信小程序上显示地图map和坐标geo
源码<template> <view class="echart-box"> <canvas class="ec-ca...
html2canvas转图片不清晰的问题
需要做一个生成海报的功能，然后发现生成的图片会特别模糊；现在来记录一下解决方案：这里使用的是背景图，然后生成图片，生成以后的图片：效果非常模糊 图片大小226kb 依据：名称默认值 dpi96将分辨率提高到特定的DPI（每英寸点数）scale1按比例增加分辨率 (2=...
利用canvas制作图片（可缩放和平移）+相框+文字
前言：公司一个售前问我能不能用H5做一个手机拍照，给相片添加相框和添加文字上传到服务器的功能，我当时一琢磨觉得可行，就利用空余时间做了一个demo，去掉了拍照和上传...
unity 3D中实现canvas自适应问题
canvas自适应问题的出现：在进行unity中UGUI界面设置时，往往会利用各类组件，控件。当分辨率变换时，相应的如何让各类组件，控件实现大小，位置，状态的自适应成为需要解决的问题问题解决方法1：首先明确一点：如果在UGUI界面中未出现3D模型时，三种canvas渲染模式均可以进行canvas自适...
unity 搞懂Canvas的Render Mode的三种模式
canvas的Render Mode共有三种模式：Screen Space -OverLay、Screen Space-Camera、World Space。我们先来说Screen Space-Camera，这个了解了，其他模式也就简单了。顾名思义，此模式我们需要一个Camera，这个相机的作用就是...
Unity | Canvas - Render Mode 的三种模式
每个 GUI 控件都是画布的子对象（添加控件时，GUI 会自动创建画布）Screen Space - OverlayUI元素置于屏幕上方画布自动适应屏幕尺寸改变Screen Space - Camera画布自动适应屏幕尺寸改变需要设置摄像机 render cameraWorld SpaceGUI控件...
vue canvas绘制信令图，动态显示标题、宽度、高度
需求: 1、 根据后端返回的数据，动态绘制出信令图 2、根据 dataStatus 返回值： 0 和 1， 判断 文字内容的颜色，0：#000，1：red 3.、根据 lineType 返回值： 0 和 1， 判断 箭头线的显示 是实线、虚线 4、根据返回的文字内容的换行符：“\r\n” 自动换行...