![](https://img-blog.csdnimg.cn/132371dc6e6d4604a50fad756b23a014.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Canvas和SVG
绘图
Cupid510
这个作者很懒,什么都没留下…
展开
-
JavaScript高级程序设计 第4版 --动画与Canvas图形
canvas原创 2022-11-30 10:56:34 · 175 阅读 · 0 评论 -
js高级----第18章 动画与canvas图形
js高级原创 2022-04-26 17:27:14 · 91 阅读 · 0 评论 -
SVG的使用引入
SVG引入SVG的代码可以直接嵌入到HTML页面中,也可以直接链接到SVG文件。SVG 文件可通过以下标签嵌入 HTML 文档: 、原创 2021-04-28 08:52:00 · 652 阅读 · 0 评论 -
uniapp电子签名
<template> <view> <view class="wrapper"> <view class="handBtn"> <picker-color :isShow="showPickerColor" @callback='getPickerColor' /> <u-tag :bgColor="selectColor" @click="selectColorEvent()" shape='circle' c.原创 2021-12-03 14:56:58 · 647 阅读 · 0 评论 -
vue3+canvas随机生成4位验证码
<template> <div class="img-verify"> <canvas ref="verify" :width="width" :height="height" @click="handleDraw"></canvas> </div></template>n <script type="text/ecmascript-6">import { reactive, onMounted, .原创 2021-10-22 15:10:18 · 843 阅读 · 0 评论 -
移动端canvas扭蛋机
<template> <div class="component"> <div class="bg"> <div class="lotterybg" :style="`background: url(`+canvasUrl+`)center center / cover no-repeat`"> <canvas :style="canvasStyle" id="myCan..原创 2021-10-15 10:47:06 · 967 阅读 · 0 评论 -
SVG的形状元素
SVG的形状元素矩形 圆形 椭圆 线 折线 多边形 路径 矩形<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <rect x="50" y="20" rx="20" ry="20" width="150" height="150" style="fill:blue;stroke:pink;stroke-width:5;fill-opacity:0.1;stroke-opacity:0.9" /&原创 2021-04-28 13:40:59 · 83 阅读 · 0 评论 -
人员轨迹运动效果
<template> <!-- attendance --> <div class="container"> <div class="head"><Head /></div> <div id="box"></div> <div class="leftBox">...原创 2021-04-25 14:56:00 · 126 阅读 · 0 评论 -
Canvas和SVG的区别
Canvas和SVG的区别:1、Canvas是使用javaScript程序绘制动态生成的,SVG是使用xml文档描述来绘图。从这点来看:SVG更适合用来做动态交互,而且SVG绘图更容易编辑,只需要增加或移除相应的元素就可以了。2、SVG是基于矢量的,所以它能够很好的处理图形大小的变大。canvas是基于位图的图像,他不能改变大小,只能缩放显示3、canvas支持的颜色比SVG多...原创 2021-04-27 09:05:00 · 297 阅读 · 0 评论