首页> 网页设计教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
网页设计教程
  • 详解通过变换矩阵实现canvas的缩放功能

    详解通过变换矩阵实现canvas的缩放功能

    这篇文章主要介绍一种通过设置canvas的变换矩阵来实现canvas的缩放。第一步就是监听鼠标的滚轮事件，在滚轮事件中根据鼠标的滚动以及基于前一次的变换，重新设置context的缩放和平移，核心代码如下：let delta = this.d
    2025-01-18
  • canvas绘制文本内容自动换行的实现代码

    canvas绘制文本内容自动换行的实现代码

    原型要求:要求制作一个邀请卡页面，其中标题字数是动态的，最多可显示2行，如果超出2行则第2行内容结尾添加省略号。根据产品妹子的性格，四行这个设置到时很大机会改，所以这里一定不能写死，结果前几天真的要求改成了最多可显示4行 ，其他照旧。产品妹
    2025-01-18
  • js如何设置在iframe框架中指定div不显示

    js如何设置在iframe框架中指定div不显示

    复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>测试</title> <script language="javascr
    2025-01-18
  • javascript设置金额样式转换保留两位小数示例代码

    javascript设置金额样式转换保留两位小数示例代码

    复制代码代码如下: //金额格式转换 function parsePrice(s) { var n = 2 //设置保留的小数位数 s = parseFloat((s + "").replace(/[^/d/.-]/g, "")).toFi
    2025-01-18
  • 解锁canvas导出图片跨域的N种姿势小结

    解锁canvas导出图片跨域的N种姿势小结

    本文介绍了解锁canvas导出图片跨域的N种姿势小结，分享给大家，具体如下：Uncaught DOMException: Failed to execute toDataURL on HTMLCanvasElement: Tainted c
    2025-01-18
  • JS获得QQ号码的昵称,头像,生日的简单实例

    JS获得QQ号码的昵称,头像,生日的简单实例

    http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card?uin=指定QQ号码将会返回下列内容：_Callback({"uin":查询的QQ号码,"qzone":1,"nickname":"昵
    2025-01-18
  • JavaScript执行顺序详细介绍

    JavaScript执行顺序详细介绍

    之前从JavaScript引擎的解析机制来探索JavaScript的工作原理，下面我们以更形象的示例来说明JavaScript代码在页面中的执行顺序。如果说，JavaScript引擎的工作机制比较深奥是因为它属于底层行为，那么JavaScr
    2025-01-18
  • Html5如何唤起百度地图App的方法

    Html5如何唤起百度地图App的方法

    最近接手了一个需求，要求混合式开发，前端做好 h5 后将页面嵌入到 ios 和 android 中，需要用到百度地图的地图导航。具体功能点如下：如果手机端（ios, android）安装了百度地图，点击导航按钮，唤起百度地图 app否则，打
    2025-01-18
  • canvas实现有递增动画的环形进度条的实现方法

    canvas实现有递增动画的环形进度条的实现方法

    老规矩，直接看图！效果如下：高清大图！码农多年，老眼昏花，动图看不清？！那就看静态截图！！！不同分值效果如下：看完了卖家秀，我们来看产品的制作过程吧！canvas绘制圆环1、vue中，<template lang=pug>里的代码如下：ca
    2025-01-17
  • 详解FireFox下Canvas使用图像合成绘制SVG的Bug

    详解FireFox下Canvas使用图像合成绘制SVG的Bug

    本文适合适合对canvas绘制、图形学、前端可视化感兴趣的读者阅读。楔子所有的事情都会有一个起因。最近产品上需要做一个这样的功能：给一些图形进行染色处理。想想这还不是顺手拈来的事情，早就研究过图形染色的技术。于是我把之前写好的两种算法发给了
    2025-01-17
  • JS求平均值的小例子

    JS求平均值的小例子

    效果：事件：当输入完三个文本框后触发blur事件。计算出平均值说明：调用方法计算出平均值，代码：文本框中：复制代码代码如下:<asp:TextBox ID="tblmyd11" Field="lmyd11" TableName="gqls_
    2025-01-17
  • javascript简单实现表格行间隔显示颜色并高亮显示

    javascript简单实现表格行间隔显示颜色并高亮显示

    复制代码代码如下: <script type="text/javascript"> var name; //存储tr对象的类名，当鼠标移开时进行恢复 function trcolor(){ //表格行颜色间隔显示 var tabNode =
    2025-01-17
  • data:image data url 文件转为Blob上传后端的方法

    data:image data url 文件转为Blob上传后端的方法

    一些场景，比如canvas获取的图片，或者微信开发sdk返回的图片格式是data:img格式的，我们需要上传到服务器上，那就需要进行转化。将dataURL转成Blob// base64 转 blobdataURItoBlob(dataURI
    2025-01-17
  • 详解window.open被浏览器拦截的解决方案

    详解window.open被浏览器拦截的解决方案

    现象最近在做项目的时候碰到了使用window.open被浏览器拦截的情况，搞得人无比郁闷啊，虽然在自己的环境可以对页面进行放行，但是对用户来说，不能要求用户都来通过拦截。何况当出现拦截时，很多小白根本不知道发生了啥，不知道在哪里看被拦截的页
    2025-01-17
  • html通过canvas转成base64的方法

    html通过canvas转成base64的方法

    在H5的营销活动中，经常生成一张图片让用户分享或者保存，这时候处理方案有两种。一种是让后端生成图片，返回一个图片地址给前端展示一种是前端自主合并生成图片展示，文中主要说明这个方案demo<!--生成后存放的IMG--><img src= i
    2025-01-17
上一页 456789101112下一页