我的乌托
我的乌托

canvas旋转图片


canvas旋转图片


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>canvas旋转图片</title>
    <style>
        * {
            box-sizing: border-box;
        }
        
        .container {
            margin: 15px;
            border: 1px solid rgb(106, 250, 255);
            padding: 20px;
            background: #fff;
            text-align: center;
        }
        
        .img-block {
            max-width: 400px;
            background: #eee;
            padding: 15px;
            margin: 0 auto 15px auto;
        }
        
        .img {
            display: block;
            max-width: 100%;
        }
        
        .btn {
            padding: 5px 10px;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="img-block">
            <img src="i.jpg" class="img" id="img">
        </div>
        <div class="operate-block">
            <button type="button" class="btn" id="rotate_clockwise" onclick="rotateImage('img');">顺时针旋转90度</button>
            <button type="button" class="btn" id="rotate_anticlockwise">逆时针旋转90度</button>
        </div>
    </div>

    <script>
        /*
            imageId： 需要旋转的图片的id；
            direction： 顺时针为1， 逆时针为 - 1；

            思路：
            1. 获取需要旋转图片image的src；
            2. 以此src构建新的图片对象img；
            3. 在img的onload事件中：
                1. 创建一个canvas元素， 它的宽和高分别对应img的高和宽（ 因为旋转90度后， 图片的宽高正好是之前的高宽）
                    其中ctx我们可以想象它无限大，注意一点：ctx上绘制的图形只有位置出现在canvas窗口中时，才能显示出来
                2. 绘制图片之前， 一定要先将ctx顺时针旋转90度，（ 否则图片没有旋转的效果,因为绘制图片时的ctx状态已被保存下来），但是，绘制出来的图形效果相当于先绘制，再旋转
                    （那到底绘制在哪里，ctx旋转90度则正好全部显示在canvas上？）
                    我们可以将canvas的（0，0）位置当作一个圆心，而ctx就是围绕这个圆心旋转的。
                        我们倒推一下，image顺时针旋转90度后的形状，iamge的左下角成了新图的左上角，且这个左上角位置就在canvas的（0，0）处，ctx旋转时，这个角应该是不动的
                            这样我们只要得出image左上角的坐标就是我们需要寻找的ctx绘图时的起点：
                                左上角坐标（相对canvas来说）应该是(0, -canvas.width);
                3.如果ctx不旋转，那么绘制出的新图正好在canvasde正上方，我们是看不见的；当ctx旋转90度之后，则新图正好处在canvas视窗中，完美呈现(这里我们需要想象一下：canvas大小位置固定，它是用来呈现绘制的图形的窗口；而ctx则是无限大，但是它的起点位置永远都是相对于canvas视窗的左上角，即ctx就是一个以canvas左上角为圆心，半径无限大的圆)
                4.其他几个角度，原理一样
                5.如果角度不是90度的倍数时，则绘图原点就需要使用sin，cos来表示了；
        */      

        function rotateImage(imageId, direction) {
            var image = document.getElementById(imageId);
            var src = image.src;

            var img = new Image();
            img.src = src;
            img.onload = function() {
                var w = this.naturalWidth;
                var h = this.naturalHeight;

                var canvas = document.createElement("canvas");
                canvas.height = w;
                canvas.width = h;
                var ctx = canvas.getContext("2d");
                ctx.rotate(Math.PI / 180 * 90);
                ctx.drawImage(this, 0, -canvas.width);
                var base = canvas.toDataURL("image/jpeg");
                image.src = base;
            }        }
    </script>
</body>

</html>

你可能感兴趣的:(canvas旋转图片)

  • 【WPS&Office】汇总 YvesHe 【Office】WPSOffice
    写在前面PPT篇幻灯片母版通过母版功能统一幻灯片的样式、字体、颜色等，提高整体一致性。统一设置模板样式字体安装查找到字体并安装。在WPSPPT（WPS演示）中，以下是最常用的十个功能，能够帮助用户高效制作和编辑演示文稿：1.幻灯片模板与主题提供多种内置模板和主题，用户可以快速选择合适的风格，提高幻灯片的美观度和专业性。2.幻灯片版式与布局可调整幻灯片的布局，如标题、文本、图片和图表的排列方式，以适
  • Vue3 + Moveable + Selecto 拖拽组件 Demo 巧克力力克巧！ 学习积累vue.jsjavascript前端
    一、项目概述本demo旨在通过Vue3、Moveable和Selecto三个库的结合，实现一个基本的拖拽组件功能。通过Selecto实现元素的选择功能，通过Moveable控制选中元素的大小和位置。同时，封装了hooks以实现元素与数据之间的绑定，使得操作更加灵活和可维护。二、技术栈Vue3：用于构建用户界面的渐进式JavaScript框架。Moveable：一个可以拖拽、缩放、旋转DOM元素的库
  • EtherCAT主站IGH-- 51 -- IGH之控制电机旋转位置模式（PP模式） 常驻客栈 EtherCAT主站-IGHEtherCATIGHEtherCAT主站c语言
    EtherCAT主站IGH--51--IGH之控制电机旋转位置模式（PP模式）0Ubuntu18.04系统IGH博客、视频欣赏链接一代码实现二编译运行该文档修改记录：总结环境：系统：ubuntu18.04，xenomai3.1主站：IGH电机：松下A6B。该博客功能视频欣赏EtherCAT主站-IGH--51--ubuntu18控制电机旋转（PP模式）0Ubuntu18.04系统IGH博客、视频欣
  • AI —— 文字生成图片的逻辑 鱼不知海 AI写作AI作画
    事情的起因是我在做一个自用软件时，需要测试文字生成图像的功能。于是就对现在能使用的ai大模型去做了一些尝试。输入几组我的描述性文字其中的一张图片令我大为震撼。（师妹师兄温酒毛驴）问题大家应该可以发现，一位图像人物的下半身时有问题的。同时从人的逻辑上，这种图缺少内核逻辑。在NLP的成熟度如此高的情况下，对描述性文字进行逻辑上的重构并不是太麻烦的事情。豆包扩充文字（在一个宁静的日子里，师兄与师妹并辔而
  • LeetCodeHot100(普通数组和矩阵篇) IPython_J 矩阵算法leetcode
    目录普通数组&矩阵最大子数组和题目代码合并区间题目代码轮转数组题目代码除自身以外数组的乘积题目代码缺失的第一个正数题目代码矩阵置零题目代码螺旋矩阵题目代码旋转图像题目代码搜索二维矩阵II题目代码后续内容持续更新~~~普通数组&矩阵最大子数组和题目给你一个整数数组nums，请你找出一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。子数组是数组中的一个连续部分。代码classSolu
  • LibreOffice转换word文档 DreamBoy_W.W.Y 知识图谱wordjava
    目录一、前言二、LibreOffice转换的核心代码三、转换后的Pdf提取解析情况一、前言    对于word文档，这里介绍一种解析文本、提取图片的方式。具体技术方案：LibreOffice将docx转换为pdf+再pdfplumber按页提取文本。该方案说明：    LibreOffice是一个跨平台的开源办公套件，支持Linux、Windows和macOS操作系统。目前为止，LibreOffi
  • pdf文档提取信息 DreamBoy_W.W.Y 知识图谱pdfpython
    目录一、前言二、核心代码说明1、PyPDF2提取文本2、pdfplumber提取文本和表格3、fitz提取文本和图片4、fitz按页提取图片一、前言    本博客文章介绍pdf的文本、图片、表格等信息提取的技术方案对比。目前比较熟知的是pdfplumber、PyPDF2、fitz（PyMuPDF）。它们之间对比如下pdfplumber的说明优点·结构化文本解析（如报告、合同等）。·表格提取（尤其是
  • 全国通用初中数学《50大几何模型精讲》免费分享！ 小小怪下士yeah 算法
    自取链接：https://pan.baidu.com/s/1Mj_nJitAqNnYdX7gWvN_qA?pwd=Qx6a提取码：Qx6a【涵盖中考必考模型】手把手教你吃透初中几何！✅8字型旋转妙解✅将军饮马最短路✅截长补短技巧大全✅手拉手模型全拆解......（共50种核心解题模板）【为什么你需要这份资料？】❶全网独家中考高频模型合集❷图解+口诀记忆零基础也能开窍❸附赠典型例题详解拒绝一听就会一
  • 前端实现电子签名 一个00后前端开发 前端
                      Document          *{        margin:0;        padding:0;      }                      取消      保存            constcanvas=document.querySelector('canvas');    canvas.width=500;    canvas
  • Python爬虫实战教程——如何抓取社交媒体用户信息（以Twitter和Instagram为例） Python爬虫项目 2025年爬虫实战项目python爬虫媒体开发语言信息可视化
    1.引言社交媒体平台如Twitter和Instagram每天都会生成大量的用户内容，包括文本、图片、视频等。对于数据分析师和研究人员来说，抓取社交媒体平台的数据是进行趋势分析、情感分析、用户行为分析等工作的基础。本文将介绍如何通过Python爬虫技术抓取Twitter和Instagram的用户信息。我们将详细探讨如何使用最新的技术栈和API来实现社交媒体数据的抓取，并结合具体的代码示例，帮助您快速
  • pptx文档提取信息 DreamBoy_W.W.Y 知识图谱python
    目录一、前言二、python-pptx提取核心代码三、LibreOffice转换pdf再提取的核心代码一、前言pptx文档提取解析常用的库。如果只需要解析.pptx的文本、表格、图片，推荐使用python-pptx（开源，轻量级）。如果需要高性能、支持.ppt、动画、格式转换，推荐Aspose.Slides（收费）。如果需要PPTX转PDF或者HTML，适用于Linux服务器，推荐LibreOff
  • python系列：使用Python快速读取PDF中的表单数据以及error处理 坦笑&&life #pythonpythonpdf数据库
    使用Python快速读取PDF中的表单数据以及error处理使用Python快速读取PDF中的表单数据安装PythonPDF库Python读取PDF表单数据1、一次性读取多种PDF表单的数据2、读取特定PDF表单的数据python读取PDF文件中文本、表格、图片python读取PDF文件中文本、表格、图片一、文本读取二、图片读取三、表格读取问题AttributeError:'PdfPageBase
  • 给我通俗易懂地讲一下损失函数与正则化 利万国潮科技 A9.36(asi智神版) 经验分享
    我用最生活化的比喻来解释这两个关键概念---###**1.损失函数：考试得分计算器****场景**：你是个教练，训练学生投篮-**核心作用**：每次投篮训练后，自动算出学生的「犯错分数」-**举个栗子**：-**均方误差（MSE）**：记录每次投篮偏离篮筐的距离（比如差30cm记0.3分，差50cm记0.5分），最后算平均分-**交叉熵损失**：专用于选择题考试（比如识别猫狗图片），答错一题扣2分
  • 人工智能推理模型（S1-32B）超越DeepSeek？ deepdata_cn 垂域模型人工智能人工智能大语言模型
    S1模型是由斯坦福大学和华盛顿大学的研究团队在李飞飞教授的领衔下开发的人工智能推理模型。从2000年李飞飞进入加州理工学院攻读研究生起，就一直从事人工智能研究，在计算机视觉领域创立了拥有1500万张图片的ImageNet数据库，为人工智能计算机视觉研究奠定了基础，也积累了深厚的人工智能技术理论和实践经验。论文地址：https://arxiv.org/pdf/2501.19393一、发展过程模型采用
  • vue-plugin-hiprint （vue2 _未知_开摆 vue.jsjavascriptecmascript
    页面效果{{type}}自定义纸张宽X高(mm):x确定旋转纸张(宽高互换)清空纸张浏览器打印直接打印(需要连接客户端){{(scaleValue*100).toFixed(0)}}%默认样式自定义样式import{hiprint}from"vue-plugin-hiprint"import{provider1}from"./provider1"import{provider2}from"./pr
  • 从一张图片到显卡“冒烟”：解密图像处理那些事儿 CCSBRIDGE StableDiffusionComfyUI图像处理人工智能
    前言当我们看一张图片时，它可能是风景如画的日落，也可能是逗趣的猫咪。但对于计算机来说，图片是一堆数字。今天，我们来聊聊图片是如何被计算机“看见”的，以及为什么显卡会因为图片“冒烟”。像素点：图片的最小单位图片是由无数个小方格组成的，这些小方格就叫像素点。每个像素点都有自己的颜色，而这个颜色是由三种基础颜色R（红）、G（绿）、B（蓝）混合而成。一个像素点怎么存储？假设一个像素点是红色的，计算机会用这
  • Springboot使用Thumbnailator压缩图片上传到阿里云OSS(无损压缩) 一勺菠萝丶 Java#OSS#SpringBoot
    前提:图片的压缩大致有两种，一种是将图片的尺寸压缩小，另一种是尺寸不变，将压缩质量，一般对于项目我们需要第一种,即用户上传一张分辨率为3840 × 2160的图片，通过上传图片接口后上传到OSS上的图片分辨率会变成1920×1080（如3840 × 2160的图片大小为11.4M，上传后的图片大概会为1.9M），此时上传后到OSS的图片和原图质量上一致，也就是说看上去只的大小的区别，清晰度上没有任
  • 利用java编写一个简单计算器（实现加减乘除） 嘵奇 Java小程序java
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210515164416507.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxNDc5ODUwNTgx,size_16,color_FFFFFF,t
  • 【CSS进阶】CSS元素的水平、垂直居中方法 Bl_a_ck html与css进阶css前端javascripthtml5bootstrapcss3less
    在前端开发中，实现水平居中和垂直居中是常见的需求。不同的HTML元素（块级元素、行内元素、行内块元素）以及不同的布局方式（传统布局、Flexbox、Grid、绝对定位）会有不同的居中方法。以下是各类居中方式的总结：1.水平居中（HorizontalCentering）1.1图片水平居中方法1：background-position当使用background-image设置背景图片时，可以通过bac
  • OpenGL ES 文字渲染进阶--渲染中文字体 字节流动 OpenGLES3.0OpenGL文字渲染C++Android
    旧文OpenGLES文字渲染方式有几种？一文中分别介绍了OpenGL利用Canvas和FreeType绘制文字的方法。无论采用哪种方式进行渲染，本质上原理都是纹理贴图：将带有文字的图像上传到纹理，然后进行贴图。渲染中文字体利用Canvas绘制中文字体和绘制其他字体在操作方式上没有区别，但是使用FreeType绘制中文字体，在编码方式、加载方式以及字体属性上面会有一些坑要踩，这里本人已经踩过，将在本
  • 小程序二：利用Python编写一个简单的计算器（实现加减乘除） 嘵奇 Python小程序python
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210515164416507.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxNDc5ODUwNTgx,size_16,color_FFFFFF,t
  • Webpack 打包性能优化指南 不知名靓仔 webpack性能优化前端
    引言Webpack是一款非常强大的模块打包工具，它能够将各种资源（如JS、CSS、图片等）打包成一个或多个浏览器可以理解的文件。然而，在处理大型项目时，Webpack的打包速度可能会变得相当慢，这直接影响到了开发效率。本文将介绍一些实用的技巧和最佳实践，帮助你优化Webpack的打包性能。1.Webpack基础1.1什么是Webpack？Webpack是一个模块打包器，它能够分析项目的依赖关系图，
  • 万字长文破解 AI 图片生成算法-Stable diffusion (第一篇） 悟空 AI 人工智能深度学习
    想象一下：你闭上眼睛，脑海中构思一个场景，用简短的语言描述出来，然后“啪”的一声，一张栩栩如生的图片就出现在你眼前。这不再是科幻小说里才有的情节，而是StableDiffusion——一种前沿的AI图片生成算法——所带来的现实。在本系列的万字长文中，我们将深入探索StableDiffusion的神秘面纱，揭秘它是如何将文字描述转化为令人惊叹的视觉艺术。无论你是AI技术的爱好者、数字艺术的探索者，还
  • 李宏毅机器学习31——GAN（3） zeng-233
    摘要：这节课学习条件生成下GAN的应用(CGAN)。conditionalGAN是指在有生成条件的前提下，通过对抗生成网络的方法，进行图像的生成。首先文字生成图片为例，加入GAN的方法，将文字和生成图片联系起来，输入到生成式中。这样解决了传统方法下，生成的图片不够真实的问题。之后又对这个方法进行了改进，将生成式的输入和输出同时输入到判别式，使文字和图片作为一对数据联系起来。之后又提出了一种新的判别
  • cocos creator从零开发2048(11)-游戏失败处理 cocos
    Canvas节点下新建空节点并重命名为panelFailed，挂载Widget组件并勾选Top、Right、Bottom、Left并把这些属性都设置为0，挂载BlockInputEvents组件。panelFailed节点下新建Sprite(单色)并重命名为bg，Size设置为500x500，Color设置为#43C1BE。panelFailed节点下新建Label(文字)，PositionY设置
  • PC端微信的文件夹都是些什么 宇宙第一小趴菜 Windows使用技巧微信
    目录Windows微信文件wxid_xxxxxxxxxxxx（账号数据）AllUsers（头像和登录信息）Applet（小程序文件）FileStorage（聊天文件）Msg（数据存储文件）ResUpdateV2（压缩包）config（配置文件）BackupFiles（手机微信备份）Backup（一般为空）Applet（小程序数据）Cache（小程序、公众号、视频号图片缓存）CustomEmotio
  • pyinstaller如何下载以及问题解决 如鸿毛 python
    pyinstaller如何下载以及问题解决。①windows+R,输入cmd在控制面版输入pipinstallpyinstaller就可以下载。②成功会出现Successfullyinstalledpyinstaller-x.x.x.,同时在你的python的安装目录scripts。③在控制面板进入你编写程序的文件目录。④成功后，进入，生成的dist文件夹，按图片步骤输入回车，就可运行.exe文件
  • PyQt5控件大小获取 qq_29278863 anacondapythonpip
    这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML图表FLowchart流程图导出与导入导出导入欢迎使用Mark
  • 【图片转换PDF】多个文件夹里图片逐个批量转换成多个pdf软件，子文件夹单独合并转换，子文件夹单独批量转换，基于Py的解决方案 平安喜乐-开开心心 多文件夹批量图转PDF多目录图片快速转PDF多文件夹资料批量PDF转换多目录图像批量整合转档多文件夹文件批量PDF整合多文件夹影像批量PDF处理多文件夹文件批量PDF整合
    建筑设计公司在项目执行过程中，会产生大量的设计图纸、效果图、实景照片等图片资料。这些资料按照项目名称、阶段、专业等维度存放在多个文件夹和子文件夹中。操作需求：为了方便内部管理和向客户交付完整的设计方案，公司需要将每个项目文件夹及其子文件夹内的图片分别转换成PDF文件。比如，一个大型商业建筑项目，将概念设计阶段的草图、初步设计的效果图、施工图等图片合并成一个完整的PDF方案，便于查阅和保存。以下是一
  • cocos creator从零开发五子棋(07)-胜负ui cocos
    Canvas节点下新建空节点panelSettle，挂载Widget组件并勾选Top、Right、Bottom、Left把这些属性都设置为0，挂载BlockInputEvents组件。panelSettle节点下新建Label(文字)并重命名为lblMsg，PositionY设置为100，Color设置为#19FF00，FontSize和LineHeight都设置为100。panelSettle节
  • 解读Servlet原理篇二---GenericServlet与HttpServlet 周凡杨 javaHttpServlet源理GenericService源码
    在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte
  • MySQL性能优化 bijian1013 数据库mysql
            性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有：         a.优化查询         b.优化数据库结构  
  • ThreadPool定时重试 dai_lm javaThreadPoolthreadtimertimertask
    项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 为了解决不定间隔的重试，选择Timer和TimerTask来完成 package threadpool; public class ThreadPoolTest {
  • Oracle 查看数据库的连接情况 周凡杨 sqloracle 连接
    首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 select * from dict where table_name like '%SESSION%'; 就可以查出一些表，然后根据这些表就可以获得会话信息 select sid,serial#,status,username,schemaname,osuser,terminal,ma
  • 类的继承 朱辉辉33 java
    类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 格式:public class 类名（子类）extends 类名（父类）{ } 子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 protected属性，但要使用private属性仍需通过调用。 子类的方法可以重写，但必须和父类的返回值类
  • android 悬浮窗特效 肆无忌惮_ android
    最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下：   一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。   后来想利用Dialog的dismiss动画来完成。   自定义一个Dialog后，在styl
  • hadoop伪分布式搭建 林鹤霄 hadoop
    要修改4个文件    1: vim hadoop-env.sh  第九行    2: vim core-site.xml            <configuration>     &n
  • gdb调试命令 aigo gdb
    原文：http://blog.csdn.net/hanchaoman/article/details/5517362   一、GDB常用命令简介   r run 运行.程序还没有运行前使用 c             cuntinue 
  • Socket编程的HelloWorld实例 alleni123 socket
    public class Client { public static void main(String[] args) { Client c=new Client(); c.receiveMessage(); } public void receiveMessage(){ Socket s=null; BufferedRea
  • 线程同步和异步 百合不是茶 线程同步异步
    多线程和同步 : 如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。 所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法   多线程和异步:多线程可以做不同的事情,涉及到线程通知     &
  • JSP中文乱码分析 bijian1013 javajsp中文乱码
            在JSP的开发过程中，经常出现中文乱码的问题。         首先了解一下Java中文问题的由来：         Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，
  • js实现页面跳转重定向的几种方式 bijian1013 JavaScript重定向
            js实现页面跳转重定向有如下几种方式： 一.window.location.href <script language="javascript"type="text/javascript"> window.location.href="http://www.baidu.c
  • 【Struts2三】Struts2 Action转发类型 bit1129 struts2
     在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configurat
  • 【HBase十一】Java API操作HBase bit1129 hbase
    Admin类的主要方法注释：   1. 创建表 /** * Creates a new table. Synchronous operation. * * @param desc table descriptor for table * @throws IllegalArgumentException if the table name is res
  • nginx gzip ronin47 nginx gzip
    Nginx GZip 压缩 Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 常用配置片段如下： gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
  • java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交 bylijinnan java
    public class LinkListTest { /** * we deal with two main missions: * * A. * 1.we create two joined-List(both have no loop) * 2.whether list1 and list2 join * 3.print the join
  • Spring源码学习-JdbcTemplate batchUpdate批量操作 bylijinnan javaspring
    Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 JDBC的batch操作： String sql = "INSERT INTO CUSTOMER " + "(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
  • [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展 comsci 工作流
        生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出.........     竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
  • base64编码和url编码 cuityang base64url
    import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.StringWriter; import java.io.UnsupportedEncodingException;
  • web应用集群Session保持 dalan_123 session
    关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简
  • Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式'] dcj3sjt126com 数据库
        public function getMinLimit () {        $sql = "...";        $result = yii::app()->db->createCo
  • solr StatsComponent（聚合统计） eksliang solr聚合查询solr stats
    StatsComponent 转载请出自出处：http://eksliang.iteye.com/blog/2169134 http://eksliang.iteye.com/ 一、概述        Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能   二、参数
  • 百度一道面试题 greemranqq 位运算百度面试寻找奇数算法bitmap 算法
    那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5}  找出出现次数为奇数的数字.   我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。   还有人觉得应该用算法xxx,我是没想到用啥算法好...！   还有觉得应该先排序...   还有觉
  • Spring之在开发中使用SpringJDBC ihuning spring
      在实际开发中使用SpringJDBC有两种方式：   1. 在Dao中添加属性JdbcTemplate并用Spring注入；     JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度
  • JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节 justjavac json
    2013年5月，Yehuda Katz 完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
  • 网站项目建设流程概述 macroli 工作
    一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 二.需求分析 项目立项 　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 客户的需求说明书 　　第一步是需
  • AngularJs 三目运算 表达式判断 qiaolevip 每天进步一点点学习永无止境众观千象AngularJS
    事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 var b = "{{", a = "}}"; this.startSymbol = function(a) {
  • Spark算子：统计RDD分区中的元素及数量 superlxw1234 sparkspark算子Spark RDD分区元素
    关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量     Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。   可以利用RDD的mapPartitionsWithInd
  • Spring 3.2.x将于2016年12月31日停止支持 wiselyman Spring 3
                  Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。          请大家及时准备及时升级到Spring
  • fis纯前端解决方案fis-pure zccst JavaScript
    作者：zccst FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 1，fis-pure的安装 $ fis install -g fis-pure $ pure -v 0.1.4 2，下载demo到本地 git clone https://github.com/hefangshi/f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他